JS标签中阻止默认事件的发生

若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 即可

JS标签中阻止默认事件的发生相关推荐

JavaScript阻止默认事件
阻止默认事件: 标准浏览器:事件对象.preventDefault(); 低版本IE浏览器:事件对象.returnValue= false; 常见默认事件: a标签跳转页面若a标签在html中hre ...
默认事件和阻止默认事件
默认事件就是浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为.比如在a标签href属性上的跳转,右键呼出的菜单等等.我们可以通过js取消或更改这些默认事件. 取消默认事件默认事件都是定 ...
50 jQuery绑定事件阻止默认事件发生内置动画 each data
主要内容 1 阻止后续事件继续执行 return false: 常用于表单提交 event.preventDefault : 阻止默认事件发生 <body> <form acti ...
js阻止默认事件（a标签跳转），阻止事件冒泡
最近刚学习完js基础,今天发现对js的默认事件阻止以及阻止事件的冒泡有点忘记,于是写这篇文章算是做一个总结,也是加深一下印象. 1.阻止默认事件在html中有很多自带默认事件的元素,很典型的例子:a ...
Js阻止事件冒泡和阻止默认事件
js中阻止事件冒泡,阻止默认事件的方法,理解stopPropagation(),preventDefault(),return false的区别 1.event.stopPropagation()方法 ...
vue阻止默认_vue中，阻止默认事件
用vue的写法就是: id="freeinput" :rows="6" placeholder="请输入自由条件内容(json格式)" @f ...
JS、Vue、React阻止事件冒泡及阻止默认事件
JS阻止事件冒泡及阻止默认事件解决方案: 1.event.preventDefault -- 阻止默认 Event 接口的 preventDefault()方法,告诉user agent:如果此事件没 ...
Js阻止事件冒泡与阻止默认事件
1.event.stopPropagation()方法 event.stopPropagation()方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行.不让事件向document上蔓延,但是默认 ...
html事件中写js,html标签中绑定触发事件与js中绑定触发事件写法上的区别
html> js中方法名后加括号和不加口号的区别按钮 var test = function(){ var span = document.createElement("span&q ...

JS标签中阻止默认事件的发生

1. 通过 onclick 属性绑定

2. 通过 jquery 方式绑定

JS标签中阻止默认事件的发生相关推荐

最新文章

热门文章

JS标签中 阻止默认事件的发生

1. 通过 onclick 属性绑定

2. 通过 jquery 方式绑定

JS标签中 阻止默认事件的发生相关推荐

最新文章

热门文章

JS标签中阻止默认事件的发生

JS标签中阻止默认事件的发生相关推荐