JQuery 事件对象的属性与方法
来源:互联网 发布:linux修改时区为utc 编辑:程序博客网 时间:2024/05/16 01:38
JQuery在遵循W3C规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断。
1. event.type()方法
该方法的作用是可以获取到事件的类型。
1
$(
function
(){
2
$(
"a"
).click(
function
(event) {
3
alert(event.type);
//获取事件类型
4
return
false
;
//阻止链接跳转
5
});
6
})
以上代码运行后会返回"click"。
2. event.preventDefault()方法
该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中却无效。jQuery对其进行了封装,使之能兼容各种浏览器。
3. event.stopPropagation()方法
该方法的作用足阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中却无效。jQuery对其进行了封装,使之能兼容各种浏览器。
4. event.target()方法
event.target()方法的作用是获取到触发事件的元素。jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。
1
$(
function
(){
2
$(
"a[href=http://www.nowamagic.net]"
).click(
function
(event) {
3
alert(event.target.href);
//获取触发事件的<a>元素的href属性值
4
return
false
;
//阻止链接跳转
5
});
6
})
以上代码运行后会返回"http://www.nowamagic.net"。
5. event.relatedTarget()方法在标准DOM中,mouseover和mouseout所发生的元素可以通过event.target()方法来访问,相关元素是通过event.relatedTarget()方法来访问的。event.relatedTarget()方法在mouseover中相当于IE浏览器的event.fromElement()方法,在mouseout中相当于IE浏览器的event.toElement方法,jQuery对其进行了封装,使之能兼容各种浏览器。
6. event.pageX()方法/event.pageY()方法
该方法的作用是获取到光标相对于页面的x坐标和y班标。如果没有使用jQuery时,那么IE浏览器中是用event.x()/event.y()方法,而在Firefox浏览器中是用event.pageX()/event.pageY()方法。如果页面上有滚动条,则还要加上滚动条的宽度或高度。在IE浏览器中还应该减去默认的2px的边框。
1
$(
function
(){
2
$(
"a"
).click(
function
(event) {
3
alert(
"Current mouse position: "
+ event.pageX +
", "
+ event.pageY );
//获取鼠标当前相对于页面的坐标
4
return
false
;
//阻止链接跳转
5
});
6
})
7. event.which()方法
该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按键。
1
$(
function
(){
2
$(
"a"
).mousedown(
function
(e){
3
alert(e.which)
// 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键
4
return
false
;
//阻止链接跳转
5
})
6
})
以上代码加载到页面后,用鼠标单击页面时,单击左、中、右键分别返回l、2、3。
8. event.metaKey()方法
针对不同浏览器对键盘中的 ctrl 按键解释不同,jQuery也进行了封装,并规定event.metaKey()方法为键盘事件中获取 ctrl 按键。
9. event.originalEvent()方法
该方法的作用是指向原始的事件对象
原文:http://www.nowamagic.net/librarys/posts/jquery/127
- JQuery 事件对象的属性与方法
- jQuery 事件对象的属性和方法
- jQuery事件对象的属性和方法
- jQuery事件对象的属性和方法
- jQuery事件对象的属性和方法
- jquery事件对象的属性
- jQuery事件对象的属性
- jquery事件对象属性
- jquery事件对象属性
- jquery事件对象属性
- jquery事件对象属性
- jquery事件对象属性
- 4.1.5:jQuery事件之事件对象的属性
- JQuery中的事件 (五.事件对象的属性)
- 面向对象的特性 方法 属性 事件
- 类,对象,方法,属性,事件的概念
- 类,对象,方法,属性,事件的关系
- 类,对象,方法,属性,事件的概念
- ant 脚本里面启动、停止tomcat的两种方法
- LInux Tomcat 安装 和注解
- linux下:inet_ntoa()
- 名字代表什么?Windows Azure账单Portal名的变更导致人们产生困惑
- makefile笔记小结
- JQuery 事件对象的属性与方法
- <input type="file" >判断上传的文件是zip和rar类型
- 在 Linux 上实现基于 Socket 的多进程实时通信
- hdoj 1072 Nightmare 宽度优先遍历
- JAVA 方法 默认访问级别
- Android使用自定义AlertDialog(退出提示框)
- C++ slot signal机制
- c++文件流基本用法(fstream, ifstream, ostream)
- javascript