浅谈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 相关文章推荐
js动态删除div元素基本思路及实现代码
May 08 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
jquery实现的用户注册表单提示操作效果代码分享
Aug 28 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
Feb 02 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 Javascript
浅析java线程中断的办法
Jul 29 Javascript
vue elementui form表单验证的实现
Nov 11 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 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
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
Thinkphp 框架扩展之Widget扩展实现方法分析
2020/04/23 PHP
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
JavaScript Event学习第九章 鼠标事件
2010/02/08 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
2011/10/06 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
vue组件的写法汇总
2018/04/12 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
用Eclipse写python程序
2018/02/10 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
对python多线程与global变量详解
2018/11/09 Python
python提取xml里面的链接源码详解
2019/10/15 Python
Django视图扩展类知识点详解
2019/10/25 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
pycharm导入源码的具体步骤
2020/08/04 Python
英国领先的汽车轮胎和快速健康中心:Kwik Fit
2017/10/29 全球购物
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
如何提高JDBC的性能
2013/04/30 面试题
岗位竞聘演讲稿
2014/01/10 职场文书
阅兵口号
2014/06/19 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
小学教师教育随笔
2015/08/14 职场文书