javascript - 添加阻止默认点击事件？

Question

我有一个点击事件，表明该元素是否没有类运行功能...

$(document).on('click', '.arrow:not(".disabled")', altSaws);

这工作正常，但我的 e.preventDefault 位于 altSaws 函数内，因此当元素禁用了类时，单击后用户将被带到页面顶部，还有其他方法吗我能做到吗？

希望这有意义吗？

Answer 1

您可以有两种解决方案

将默认阻止调用移至单独的处理程序

$(document).on('click', '.arrow:not(".disabled")', altSaws);

function altSaws() {
  //no need to prevent default here
}
$(document).on('click', '.arrow', function(e) {
  e.preventDefault();
});

或在altSaws中处理disabled条件

$(document).on('click', '.arrow', altSaws);

function altSaws(e) {
  e.preventDefault();
  if ($(this).hasClass('disabled')) {
    return;
  }
  //your existing logic
}