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

事件绑定问题

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

方法一

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

登录后复制

方法二

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

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

登录后复制

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