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 ...
随机推荐
- sipcal
sudo apt-get install sipcalc sipcalc 10.120.148.xx/20
- MyBatis 批量修改记录
<insert id="update" parameterType="java.util.List"> UPDATE setting SET con ...
- mybatis 一点整理
mapper指定对应的接口 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper ...
- RVM: instsallation
login as user, do the following: curl -L https://get.rvm.io | sudo bash -s stable # add user to grou ...
- 关于个人网站选择虚拟主机还是VPS服务器的讨论
还记得当初才开始学习建站的时候,选择的第一款虚拟主机是全HTML的主机,那时候的虚拟主机还分为HTML或者是ASP,PHP的都很少,在国内接触的学习较多还是以ASP为主,PHP是最近几年才开始流行.如 ...
- IP子网掩码划分及设置
IP子网掩码划分及设置 定长子网掩码: 一.子网掩码的计算 TCP/IP网间网技术产生于大型主流机环境中,它能发展到今天的规模是当初的设计者们始料未及的.网间网规模的迅速扩展对IP地址模式的威胁并不是 ...
- hdu_1429_胜利大逃亡(续)(BFS状压)
题目连接:http://acm.hdu.edu.cn/showproblem.php?pid=1429 题意:迷宫的加强版,迷宫里有钥匙和门,问在指定的时间下能否逃出 题解:用二进制位来记录是否有该门 ...
- echo json数据给ajax后, 需要加上exit,防止往下执行,带上其他数据,到时ajax失败
01返回json数据给ajax后需要加上exit.返回json数据前不能有其他输出 function apply(){ if(IS_POST){$info['status'] = 1; echo js ...
- android网络开发之测试机连接到服务器上面
1:本人使用Tomcat作为服务器软件,首先打开Tomcat.(可以在浏览器中输入http://www.127.0.0.1:8080/查看) 2:服务器后台使用Servelt开发,这里不再讲解. 3: ...
- @font-face的用法
几乎所有浏览器(包括最古老的IE6)也支持的网络字体@font-face的用法是: @font-face { font-family: 'MyWebFont'; src: url('webfont.e ...