实例解析jQuery中如何取消后续执行内容
更新时间:2016年12月2日 10:00 点击:2581
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> //点击a标签,不进行页面跳转 window.onload = function () { var obj = document.getElementById("myhref"); obj.onclick = function (event) { //取消默认行为 //return false; //分浏览器 //IE下 //01.第一道能力检测 event = event || window.event; if (event.preventDefault) { //非IE下 event.preventDefault(); } else { event.returnValue = false; } }; } </script> </head> <body> <a id="myhref" href="http://www.baidu.com">去百度</a> </body> </html>
这里的a标签的点击效果本来是要跳转到百度页面的,但是我们通过参数取消默认行为的方式可以让这个点击事件的后续内容不执行。
有时候会遇到 同一个标签上点击后有多个事件,如果只想执行第一个事件而放弃后面的事件,可以加上一段代码来阻止:
<span onclick="alert('后面的不会执行了!');event.stopPropagation();">click me!</span>
jquery怎阻止后绑定的事件
你的代码在页面载入过程中已经完成事件绑定了,没有阻止后绑定的事件的办法了,不过可以删除当前指定节点的事件绑定。方法如下:
$("#btn").click(function(){ if($("#tx").val()==""){ alert("e1"); }else{ //删除后绑定的事件。。。 $("#btn").unbind('click'); } });
说明:
unbind([type],[data])
bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
如果没有参数,则删除所有绑定的事件。
你可以将你用bind()注册的自定义事件取消绑定。
I如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
jquery:怎可以阻止第二次点击click事件?
jquery提供了一个只触发一次点击的方法
obj.one(function(){ });
或者用obj.unbind("click")取消点击事件
以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持脚本之家!
上一篇: 浅谈js键盘事件全面控制
下一篇: 基于vue.js实现图片轮播效果
相关文章
- 下面小编就为大家带来一篇jq checkbox 的全选并ajax传参的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2017-04-03
- 本文主要介绍了jQuery中取消后续执行内容的实例,代码通俗易懂。需要的朋友来看下吧...2016-12-02
- 冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。本文主要介绍JQuery阻止事件冒泡的实例解析。需要的朋友来看下吧 ...2016-12-02
- 这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下...2016-06-24
- bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。这篇文章主要介绍了jQuery中的 bind用法,需要的朋友可以参考下...2017-02-19
- 基于jquery实现点击链接弹出层效果,其基本实现原理是这样的:jquery操作DOM元素。对层样式的设置。将display:设置为none;让层隐藏;对jq点击弹出层相关知识感兴趣的朋友一起学习吧...2016-01-05
- 这篇文章主要介绍了 Js与Jq获取浏览器和对象值的方法的相关资料,需要的朋友可以参考下...2016-03-22
- jQuery为我们提供了方便的事件注册机制,它的优点,操作简单,且不用担心事件覆盖等问题。缺点,普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法...2022-07-19