如何打开/关闭 $(document).click() 事件或其他解决方案

Question

我有一个 DIV 标签，单击该标签时我想启动一个进程，然后单击文档上的任意位置我想结束该进程。到目前为止，我已经尝试过：

$(document).click(end_process);
$('div_tag_id').click(start_process);

这不好，因为单击启动进程也会立即结束进程。有什么想法吗？

Answer 1

我相信你想要这样的东西：

$('div_tag_id').click(function(e) {
   e.stopPropagation();
   start_process(e);
});

请参阅：

http://api.jquery.com/event.stopPropagation/

Answer 2

在处理程序中使用 stopPropagation ：

$('div_tag_id').click(function(e) {
    e.stopPropagation();
    start_process();
});

Answer 3

当然，您只是想阻止事件在 start_process 处理程序中冒泡：

start_process(e) {
  e.stopPropagation();
}

编辑：看起来每个人都在同一时间说了同样的事情。祝你好运！

Answer 4

您可以在 start_process 函数中调用 .stopPropagation() 来阻止事件冒泡到 document：

function start_process(event) {
    event.stopPropagation();
    //..your code here
}

这是 的文档>.stopPropagation(): http://api.jquery.com/event.stoppropagation/

Answer 5

使用 stopPropagation 阻止点击传播到父级。

$('div_tag_id').click(function(e){
    start_process();
    e.stopPropagation();
});

或者，只需将 stopPropagation 添加到 start_process 的主体中。