浅谈jQuery中的事件


Posted in Javascript onMarch 23, 2015

JQuery事件初见

1.JQuery中的事件绑定

其实呢,JQuery中标准的事件绑定是这样写下:(如下)

$("#btn").bind("click",function(){});

但是每次这样写,太过麻烦,还怎么做到Write less,Do more?
所以我们习惯的简写成。

$("#btn").click(function(){  })  这样就方便了好多

2.合成事件hover(enterfn,leavefn)

当鼠标放在元素上的时候调用enterfn方法,
当鼠标离开元素的时候调用leavefn方法。
相当于javascript中的mouseover与mouseout事件的结合体。

事件冒泡

1.描述

事件冒泡:JQuery中也像JavaScript一样,采用事件冒泡的机制。
、window.event.cancelBubble = true

2.获取

如果想要捕获事件的相关信息,就要给响应的匿名函数增加一个参数:e,e就是事件对象。
调用事件对象的stopPropagation()方法终止冒泡。
例如,e.stopPropagation();
终止冒泡以后,程序就不会再事件源的父元素上执行。

3.事件冒泡图示

浅谈jQuery中的事件

阻止事件

阻止默认行为:有的元素有默认行为,比如超链接点击后会转向新链接、提交按钮默认会提交表单,如果想阻止默认行为只要调用事件对象的preventDefault()方法和window.event.returnValue=false效果一样。

$(“a”).click(function(e) {

          alert(“所有超链接暂时全部禁止点击”);

         e.preventDefault();

       });

以上所述就是本文关于jQuery事件的全部描述了,希望对大家学习jQuery能够有所帮助。

Javascript 相关文章推荐
javascript 手动给表增加数据的小例子
Jul 10 Javascript
jquery选择器之层级过滤选择器详解
Jan 27 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
php结合imgareaselect实现图片裁剪
Jul 05 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
vue多个元素的样式选择器问题
Nov 29 Javascript
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
Apr 27 Javascript
记录一次websocket封装的过程
Nov 23 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 #Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 #Javascript
JavaScript动态修改网页元素内容的方法
Mar 21 #Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 #Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 #Javascript
JavaScript动态加载样式表的方法
Mar 21 #Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 #Javascript
You might like
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
一个经典的PHP文件上传类分享
2014/11/18 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
js调试工具 Javascript Debug Toolkit 2.0.0版本发布
2008/12/02 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
原生JS实现的跳一跳小游戏完整实例
2019/01/27 Javascript
微信小程序和百度的语音识别接口详解
2019/05/06 Javascript
分享Python字符串关键点
2015/12/13 Python
对python sklearn one-hot编码详解
2018/07/10 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
Python 改变数组类型为uint8的实现
2020/04/09 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
html5音频_动力节点Java学院整理
2018/08/22 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
Wallis官网:英国女装零售商
2020/01/21 全球购物
财务管理专业推荐信
2013/11/19 职场文书
公司活动方案范文
2014/03/06 职场文书
聚美优品的广告词
2014/03/14 职场文书
校园歌咏比赛主持词
2014/03/18 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
大学辅导员述职报告
2015/01/10 职场文书
刑事法律意见书
2015/06/04 职场文书
《植树问题》教学反思
2016/03/03 职场文书
每日六道java新手入门面试题,通往自由的道路
2021/06/30 Java/Android
Javascript之datagrid查询详解
2021/09/15 Javascript