jquery - event.preventDefault() 总是在函数结束之前

Question

在我能找到的几乎所有示例/模板脚本中，我在函数末尾看到 event.preventDefault();，如下所示:

$('.navbar-nav li a').bind('click', function(event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
    event.preventDefault();
});

从我的角度来看，这个想法是“立即停止默认行为，然后做我们必须做的事情”，如下所示:

$('.navbar-nav li a').bind('click', function(event) {
    event.preventDefault();

    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500, 'easeInOutExpo');
});

那么我错过了什么？

Answer 1

所示的两个具体示例没有区别。把它放在你喜欢的地方:)

将其放在末尾的通常原因是它替换 return false;因为那通常是返回的地方。 return false是 e.preventDefault() 的快捷方式和 e.stopPropagation() .

要记住的另一件事是当您需要有条件地停止它时，在这种情况下 preventDefault()位于中间(if等):)