如何阻止按钮默认事件执行并实现自定义逻辑?

如何阻止按钮默认事件执行并实现自定义逻辑?

事件绑定问题

遇到这种情况,当按钮已经默认绑定了事件,并且无法修改时,要实现自己的业务逻辑判断并阻止默认事件执行,可以采取以下方法:

方法一

$('#btnid').off().on('click', function(e) {
  // 自己的业务逻辑判断
  if (!checkcondition()) {
    // 取消默认行为
    e.preventdefault();
    return false;
  }
});

方法二

在其默认事件之前触发一个自定义事件,在自定义事件中进行业务逻辑判断并阻止默认事件执行。

$('#btnId').on('beforonclick', function() {
  // 自己的业务逻辑判断
  if (!checkCondition()) {
    return false;
  }
});

以上就是如何阻止按钮默认事件执行并实现自定义逻辑?的详细内容,更多请关注其它相关文章!