DOM中的事件对象
兼容DOM的浏览器会将一个event对象传入到事件处理程序中，无论指定事件处理程序时使用什么方法（DOM0或DOM2）都会传入event对象
btn.onclick = function (event) { // event}
event上的属性
type: 被触发的事件的类型
target: 事件目标：触发该事件的具体元素
currentTarget：其事件处理程序当前正在处理事件的那个元素 （this始终是这个）
stopPropagation(): 取消事件进一步捕获或者冒泡 （如果bubble是为true，则可以使用这个方法）**
preventDefault(); 取消事件的默认行为 （如果cancelable是true，则可以使用这个方法）**
screenX: 距离屏幕左侧
screenY: 距离屏幕顶部
clientX:浏览器可视区域X轴坐标
clientY: 浏览器可视区域Y轴坐标
offsetX： 触发元素上X轴的坐标
offsetY: 触发元素上Y轴的坐标
pageY: 距离页面顶部的距离
pageX: 距离页面左侧的距离
兼容写法：
// 兼容写法 获取事件对象
var event = e || window.event;
// 获取事件目标
var target = event.target || event.srcElement;
// 兼容阻止默认事件
event.preventDefault() ? preventDefault() : (event.returnValue = false);
// 兼容阻止冒泡
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);
dom事件对象以及兼容写法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Dom事件 事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信。DOM支持大量的事件 (一) Eve...
