jQuery--事件对象

http://edu.51cto.com/lesson/id-14476.html


//通过处理函数传递事件对象
$('input').bind('click', mydata, function (event) { //接受事件对象参数
alert(event);
});


event对象的属性:

type:事件类型;

target:获得触发元素的DOM;

data:绑定事件处理函数时设置的数据mydata

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

currentTarget:事件监听元素的DOM元素,等同于this

pageX/pageY:相对于页面原点的坐标,对于有分页,滚动条的页面是在页面的最顶端

screenX/screenY:屏幕位置

clientX/clientY:当前页面视口的坐标(如果没有分页或滚动条,等同于pageX/pageY)

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

timeStamp:获取事件触发的时间戳,对于mouseover/mouseout/mouseenter/mouseleave返回0,对于click返回实际时间戳数值

which:获得鼠标的左中右键,或者键盘按键

altKey/shiftKey/ctrlKey:获取是否按下alt,shift, ctrl按钮



冒泡行为


如果在页面中有多个元素重叠在一起,且这些元素都绑定同一类型的事件,就会出现冒泡行为。

冒泡顺序:从小到大。

可取消事件冒泡:event.stopPropagation();



默认行为


网页元素在操作的时候都有默认行为。

如:

1、右键单击文本框输入区域会弹出系统菜单;

2、点击超链接会跳转到指定页面;

3、点击提交按钮会提交数据。

可以使用方法event.preventDefault()取消默认行为。


可以同时取消冒泡行为和默认行为:

方法1:event.stopPropagation();event.preventDefault();

方法2:直接在处理番薯中返回false;
















评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值