防止事件传播

Question

  function foos()
  {
    return false;
  }

  function foo()
   {
     concole.log("Maizere");
   }


<div onclick="foo()">
    <button type="button" onclick="return foos()">Display Date</button>
</div>

返回false并不是取消事件传播，但据说它也会阻止事件传播。我误解了吗？

Here是参考

Answer 1

通过在foos函数中使用事件对象参数，您可以在其上调用stopPropagation()：

  function foos(ev)
  {
    ev.stopPropagation();
    return false;
  }

在vanilla javascript事件处理程序上返回false不会阻止传播。但是，jQuery事件处理程序会阻止它。

此处返回false，将阻止默认行为，例如按下链接时导航或使用提交按钮提交表单。