实例解析jQuery中如何取消后续执行内容


Posted in Javascript onDecember 01, 2016
<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")取消点击事件

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
DOM 基本方法
Jul 18 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
webpack配置导致字体图标无法显示的解决方法
Mar 06 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
Mar 16 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 #Javascript
jQuery中ajax错误调试分析
Dec 01 #Javascript
JQuery学习总结【二】
Dec 01 #Javascript
Vue.js第二天学习笔记(vue-router)
Dec 01 #Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 #Javascript
Vue方法与事件处理器详解
Dec 01 #Javascript
简单理解vue中实例属性vm.$els
Dec 01 #Javascript
You might like
提升PHP执行速度全攻略
2006/10/09 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
PHP session 会话处理函数
2016/06/06 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
React diff算法的实现示例
2018/04/20 Javascript
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
微信小程序实现聊天室
2020/08/21 Javascript
跟老齐学Python之dict()的操作方法
2014/09/24 Python
Python中处理unchecked未捕获异常实例
2015/01/17 Python
Python自定义主从分布式架构实例分析
2016/09/19 Python
Python基于回溯法子集树模板解决找零问题示例
2017/09/11 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
Python实战购物车项目的实现参考
2019/02/20 Python
python实现批量注册网站用户的示例
2019/02/22 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
python 进程池pool使用详解
2020/10/15 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
有趣的流行文化T恤、马克杯、手机壳和更多:Look Human
2019/01/07 全球购物
教师个人的自我评价分享
2014/01/02 职场文书
协议书怎么写
2014/04/21 职场文书
医院保洁服务方案
2014/06/11 职场文书
运动会横幅标语
2014/06/17 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
go语言中http超时引发的事故解决
2021/06/02 Golang