jq的事件对象的属性
1.event.type()
该方法的作用是可以获取到时间的类型
$('a').click(function(){
alert(event.type);//获取事件类型
return false;//阻止链接跳转
})
//以上代码返回 click
2.event.preventDefalut()
该方法是阻止默认的事件行为,javascript中符合w3c的preventDefalut()的方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。
3.event.stopPropagation()
该方法是阻止事件的冒泡,javascript中符合w3c的stopPropagation()方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。
4.event.target()
该方法是获取到触发时间的元素,jq对其进行了封装,避免了w3c,IE和safari浏览器不同标准的差异
$('a[href='baidu.com']').click(function(event){
alert(event.target.href)//获取触发事件a元素的href属性值,
return false;//阻止默认事件
})
代码运行返回 baidu.com
5.event.relatedTarget()
在标准的DOM中,mouseover和mouseout所发生的元素可以通过event,target()方法来访问,相关元素是通过event.relatedTarget()方法来访问的,event.relatedTarget()方法在mouseover中相当于IE浏览器的event.fromElement(),mouseout相当于IE浏览器的event.toElement(),jq对其进行了封装,使之能兼容各个浏览器。
6.event.PageX()和event.PageY()
该方法是获取到光标相对于页面的 x坐标和y坐标,如果没有使用jq时,那么IE浏览器中是用event.x()/event.y()方法,而火狐浏览器中是用event.pageX()/event.pageY(),如果页面上有滚动条,还要加上滚动条的宽度和高度,在IE浏览器中还应该减去2px的边框。
7.event.which()
该方法的作用是在鼠标单击事件中,获取到鼠标的左,中,右键,在键盘事件中获取键盘的按键。
8.event.metaKey()
针对不同浏览器对键盘中的<ctrl>按键解释的不同,jq也进行了封装,并规定event.metaKey()方法为键盘事件中获取<ctrl>按键
9.event.originalEvent()
该方法的作用是指向原始的事件对象
jq的事件对象的属性的更多相关文章
- jQuery事件对象的属性
注:摘自<锋利的jQuery(第二版)> JQuery在遵循W3C规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断. 1. ...
- jQuery 事件对象的属性
jQuery 在遵循 W3C 规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断. (1) event.type 该方法的作用是可以获取到 ...
- JQuery事件对象的属性和方法
这是今天的总结,以后学习自己可以当参考书来读读.Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.事件通常与函数结合使用,函数不会在事件发生前被执行 ...
- 事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装)
1. event.type(该方法是获取到事件的类型) $( 'a' ).click( function( event ){ alert( event.type ); //click return f ...
- jq的事件对象
- jQuery事件对象event的属性和方法
事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一 一.事件对象常用的属性: event.type:获取事件的类型, ...
- JavaScript 中的window.event代表的是事件的状态,jquery事件对象属性,jquery中如何使用event.target
http://wenda.haosou.com/q/1373868839069215 http://kylines.iteye.com/blog/1660236 http://www.cnblogs. ...
- 知识笔记:jQuery 事件对象属性小结
使用事件自然少不了事件对象.因为不同浏览器之间事件对象的获取,以及事件对象的属性都有差异,导致我们很难跨浏览器使用事件对象.jQuery中统一了事件对象,当绑定事件处理函数时,会将jQuery格式化后 ...
- jquery 事件对象属性小结
使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象. jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQue ...
随机推荐
- toggle的使用心得
点击同一个标签可以实现不同效果 或者几个效果 以前一般都是if 判断的 逻辑还有判断比较繁琐 看啦手册后 发现这个功能可以不用判断的自动循环点击事件 比以前的简单好用 主要用法:$("td& ...
- lua: Learning Official Doc notes
dynamically typed vars: basic types: nil, boolean, number, string, function, userdata, thread & ...
- IOS应用的国际化
IOS应用的国际化,主要分为3个部分: Info.plist 文件的国际化 .xib文件的国际化 .m文件的国际化 下面我就来一一说明. Info.plist 文件的国际化我们使用Xcode 4.5 ...
- # Linux Whois3获取 运营商信息
Linux Whois3获取 运营商信息 APNIC是管理亚太地区IP地址分配的机构,它有着丰富准确的IP地址分配库,同时这些信息也是对外公开的,并提供了一个查询工具,下面就让我们看看如何在Linux ...
- linux中tar 打包指定路径文件
linux中tar打包指定路径文件www.111cn.net 编辑:yahoo 来源:转载在linux系统中打包与解压文件我都可以使用tar命令来解决,只要使用不同的参数就可以实现不同的需要了,下面来 ...
- 移动端Click300毫秒点击延迟的来龙去脉(转)
原文地址:What Exactly Is….. The 300ms Click Delay 快速响应是所有 UI 实现的重中之重.研究表明,当延迟超过 100 毫秒,用户就能感受到界面的卡顿. 然而, ...
- marzullo's algorithm
given several intervals, how to find a interval which is a intersect of the most number of the given ...
- webstorm比dreamweaver强大的地方 转
比dw强大的地方有: . 对js的开发有长足的支持,那些自动提示,代码主题,调试之类的我就不说了,主要是对流行技术的支持,比如Node.js,less,sass,jq,ext,prototype等框架 ...
- 使用SQL Server Management Studio 创建作业备份数据库
在项目中,经常需要备份数据库,如果能做到只需点个按钮(“开始备份数据库”按钮),然后什么都不管,数据库就自动备份好了,或者服务器上的数据库隔一段时间自动备份一次,那该多好啊. Sql server 的 ...
- Redis 笔记
Redis是一个key-value存储系统.和Memcached类似,但是解决了断电后数据完全丢失的情况,而且她支持更多无化的value类型,除了和string外,还支持lists(链表).sets( ...