jQuery对象与冒泡行为详解.pdfVIP

第章对象

9

学习要点：

1.对象

2.冒泡和默认行为

讲：恢

：

合作：

JavaScript在处理函数中默认传递了event对象，也就是对象。但由于浏览器

的兼容性，开发者总是会做兼容方面的处理。jQuery在封装的时候，解决了这些问题，并且

还创建了一些非常好用的属性和方法。

．对象

对象就是event对象，通过处理函数默认传递接受。之前处理函数的e就是event

对象，event对象有很多可用的属性和方法，我们在JavaScript课程中已经详细的了解

过这些常用的属性和方法，这里，我们再一次演示一下。

//通过处理函数传递对象

$(input).bind(click,function(e){//接受对象参数

alert(e);

});

event对象的属性

属性名描述

type获取这个的类型，例如：click

target获取绑定的DOM元素

data获取调用时的额外数据

relatedTarget获取移入移出目标点离开或进入的那个DOM元素

currentTarget获取冒泡前触发的DOM元素，等同与this

pageX/pageY获取相对于页面原点的水平/垂直坐标

screenX/screenY获取显示器屏幕位置的水平/垂直坐标(非jQuery封装)

clientX/clientY获取相对于页面视口的水平/垂直坐标(非jQuery封装)

result获取上一个相同的返回值

timeStamp获取触发的时间戳

which获取鼠标的左中右键(1,2,3)，或获取键盘按键

altKey/shiftKey/获取是否按下了alt、shift、ctrl(这三个非jQuery封装)或

ctrlKey/metaKeymeta键(IE原生meta键，jQuery做了封装)

//通过event.type属性获取触发名

$(input).click(function(e)

{alert(e.type);

});

//通过event.target获取绑定的DOM元素

$(input).click(function(e)

{alert(e.target);

});

//通过event.data获取额外数据，可以是数字、字符串、数组、对象

$(input).bind(click,123,function(){//传递data数据

alert(e.data);//获取数字数据

});

注意：如果字符串就传递：123、如果是数组就传递：[123,abc]，如果是对象就传递：

{user:Lee,age:100}。数组的调用方式是：e.data[1]，对象的