首页 > 代码库 > 笔记-【3】-event事件对象的详解!
笔记-【3】-event事件对象的详解!
event事件对象:是指当前对象发生的事件的一些详细的信息在event这个对象里。
event对象从哪里来?从事件函数中传入
obj. //e就会当前的事件对象event
}
对象就有属性和方法:那么event对象也有属性和方法
event的属性和方法:
{
属性:
button : 当前事件的方法中判断鼠标的按键位置 有三个值: 0 (左键) 1(滚轮) 2(右键)
ctrlkey: 判断是否按下了ctrl键;
altkey: 判断是否按下了alt键;
shiftkey: 判断是否按下了shift键;
type: 事件的类型
target: 指向当前发生事件的对象,ie6/ie7支持srcElement,不支持target
cancelBubble:取消事件冒泡 IE7下支持该属性.其他主流浏览器用event下的stopPropagation()方法
方法(有很多,只写几个重要的):
clientX:当前鼠标点到文档左边的距离
clientY:当前鼠标点到文档上边的距离
preventDefaust();阻止默认事件
stopPropagation();取消事件冒泡
}
event对象在主流浏览器(e)和IE(event)中是存在兼容性的.
解决方法:obj.事件(如onclick)=function(e){
var e=e || window.event;//e为当前完美兼容的event对象.
}
本文出自 “博主梧桐” 博客,请务必保留此出处http://wutong.blog.51cto.com/5214074/1420176