实例解析jQuery中如何取消后续执行内容
更新时间：2016年12月01日 16:44:29 作者：川哥哥
本文主要介绍了jQuery中取消后续执行内容的实例，代码通俗易懂。需要的朋友来看下吧
<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")取消点击事件
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了HTML5中用js、jQuery结合Ajax实现文件上传功能，HTML5中已经可以用Ajax上传文件了，而且代码简单，借助 FormData类即可发送文件数据，感兴趣的小伙伴们可以参考一下2016-04-04
jQuery1.6 使用方法1，想要学习jquery的朋友可以参考下。2011-11-11
这篇文章主要介绍了jQuery+Ajax实现无刷新分页，本文使用的生成分页的工具条是jquery.pagination.js，感兴趣的小伙伴们可以参考一下2015-10-10
这篇文章主要介绍了jQuery操作基本控件方法,结合实例形式简单分析了jQuery针对控件的样式,ID获取,遍历及属性操作等常用技巧,需要的朋友可以参考下2015-12-12
下面小编就为大家带来一篇jQuery用noConflict代替$的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
选择TreeView控件的树状数据节点的JS方法(jquery)
前些日子为了提高人性化选择树状权限的功能，根据树的结构用jquery写了个方法。2010-02-02
这篇文章主要介绍了jquery移动节点的实现方法,主要涉及append()方法的使用技巧,需要的朋友可以参考下2015-01-01
本文给大家分享了一个jQuery操作session的插件jQuerysession，并做了简单介绍，及基本语法，非常不错的一个插件，推荐给小伙伴们。2015-01-01
jQuery的选择包含两种，一种是选择器，一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择;记下来将详细介绍下筛选器children()感兴趣的你可不要错过了哈，或许本文的知识点对你有所帮助2013-02-02
这篇文章主要介绍了jQuery中:input选择器用法,以实例形式较为详细的分析了:input选择器的功能、定义及匹配input元素时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
最新评论