若html标签中定义了两个事件(包含一个自定义函数),那么系统会先执行用户自定义的函数,然后执行标签默认函数。如果想要在执行完自定义函数之后阻止系统默认函数的执行,可以进行如下设置:
因为html标签绑定事件的方式有两种,这里分别进行说明,
1. 通过 onclick 属性绑定
<a href="www.baidu.com" οnclick="return do()"> 测试阻止a标签默认事件执行</a>
<script>
function do()
{
...;
return false;
}
</script>
若想要默认事件执行,则 return true 注意在onclick中也要添加 return 关键字
2. 通过 jquery 方式绑定
<script src="/static/jquery-3.4.1.js"></script> //引入jquery
<a id="newbox">添加数据</a> //定义标签
<script>
$(function() { //定义绑定函数
$("#newbox").click(function(){ //定义函数并通过id绑定控件
alert("1234");
return false;
})
})
</script>
通过jquery的方式绑定绑定事件,想要阻止默认事件的发生,只需在函数内 return false 即可