引用的是JavaScript高程书中的一段话,感觉很实用,而且自己经常忘记,记下了,对以后的开发也有一定的作用。
兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法(DOM0级或者DOM2级),都会传入event对象。来看一个例子:
var btn = document.getElementById("mybtn");
btn.onclick = function(event){
alert(event.type); //"click"
};
btn.addEventListener("click", function(event){
alert(event.type); //"click"
}, false);
这个例子中的两个事件处理程序都会弹出一个警告框,显示evernt.type属性表示的事件类型。这个属性始终都会包含被触发的事件类型。
event对象包含与创建它的特定事件有关的属性和方法。触发的事件类型不一样,可用的属性和方法也不一样。不过,所有的事件都会有下表列出的成员:
属性/方法 类型 读/写 说明
bubbles Boolean 只读 表明事件冒泡
cancelable Boolean 只读 表明是否可以取消事件的默认行为
currentTarget Element 只读 其事件处理程序当前正在处理事件的那个元素
defaultPrevented Boolean 只读 为true表示已经调用了preventDefault()
detail Integer 只读 与事件相关的细节信息
eventPhase Integer 只读 调用事件处理程序的阶段:1表示捕获阶段,2表 示“处于目标阶段”,3表示冒泡阶段
preventdefault() Function 只读 取消事件的默认行为。如果cancelable是true,则 可以使用这个方法
stopImmediatePropagation() Function 只读 取消事件的进一步捕获或冒泡。同时阻止任何事件 处理程序调用
stopPropagation() Function 只读 取消事件的进一步捕获或冒泡。如果bubbles为 true,则 可以使用这个方法
target Element 只读 事件的目标
trusted Boolean 只读 为true表示事件是浏览器生成的。为false表示事件 是由开发人员通过Javascript创建的
type String 只读 被触发的事件类型
view AbstractView 只读 与事件关联的抽象视图。等同于发生事件的 window对象
这个是我在学习和生产中遇到的一些比较event对象,然后看了书,综合在一起,有一些方法是经常要用到的。