过度使用jQuery的preventDefault()和stopPropagation()

Question

我最近与一位工作同事讨论了我们的编码实践中的一些差异,在那里我提出了一个关于他在事件处理程序中过度使用上述两种方法的问题.具体来说,他们都看起来像这样......

$('span.whatever').on('click', function(e) {

    e.preventDefault();
    e.stopPropagation();

    /* do things */

});

他声称这是一个没有可预见的反弹的良好做法,并将改善跨平台支持,同时减少意外问题.

我向你们提问:如果他是对的,为什么jQuery团队没有实现全局应用于所有事件处理程序的这种行为？实际上,我的假设是他错了,因为这些方法可以独立使用,但是谁知道......你的见解非常受欢迎.

-

更新:我做了一个简单的速度测试,这两个函数引起了一点拖拽,但没有什么特别值得注意的.除此之外,我认为有充分理由谨慎使用它们.

$('span.whatever').on('click', function(e) {

    var start = new Date();

    for (i = 0; i < 999999; i++) {
        e.preventDefault();
        e.stopPropagation();
    }

    console.log( new Date() - start );

});

以上记录约为9.5秒,当我从循环中取出函数调用时约为2.5秒.

Answer 1

我不和你的同事做同样的事情(推动对每个事件处理程序的2次调用),但是我确实有明确地使用这些调用而不是"返回false"的做法,我相信这使得我的生活更轻松.

当我开始使用Jquery时,我想我是否需要停止传播,并防止默认,我应该只是"返回false",我在那里做了很多.

$('a.whatever').on('click', function(e) {

    do_stuff();

    return false;
}); 

但是我偶然遇到了两个问题:

• 如果do_stuff()有任何导致异常的严重错误,"return false;" 永远不会到达!错误最终会被jquery"很好地"吞噬; 您的事件将冒泡,并让浏览器执行默认操作.如果您在单页应用程序中并且单击了一个链接,那么您知道该页面已导航,并且整个应用程序状态已经下降到厕所(我以前一直在那里).

• 我对自己的回报过于宽容:在很多情况下,我只需要一个preventdefault()."return false"是杀死事件冒泡,有时阻碍了我在dom层次结构上执行另一个操作的能力(或者使得我使用的其他一些插件/库不能正常工作)

所以我现在更愿意明确.我从不使用"返回虚假"; 更多.如果我有一个必须不传播或不执行默认的事件处理程序,我会在任何处理代码之前将它直接放在我的函数FIRST中.无论事件处理过程中会发生应该不影响的事实,我不想默认操作运行,和/或事件没有泡沫.

是的,据说,我也注意在需要时只使用其中一个(或者在某些情况下根本不使用).我不会无缘无故地添加preventDefault()和stopPropagation().无论我在处理程序中操纵一个事件,它都是一个有意识的逐案决策的一部分.