javascript事件总结

【事件绑定】

内联绑定：<button onclick="alert('你点击了这个按钮');">点击这个按钮</button>

DOM属性绑定：document.onclick = function(event){};

标准事件绑定：document.addEventListener(‘click’, <callback>,false);

IE事件绑定 ：document.attachEvent(‘onclick', <callback>);

标准事件解除绑定：document.removeEventListener(eventType, handler, false); 

IE解除事件绑定：document.detachEvent(‘onclick’,<callback>);

【事件对象】

event

【事件属性】：

type（string）：事件名称，比如click。

target（node）：事件触发的目标节点 

bubbles（boolean）：表明该事件是否是在冒泡阶段触发的。

cancelable（boolean）：表明该事件是否可以通过调用 event.preventDefault 方法来禁用默认行为。

eventphase (num)：这个属性的数字表示当前事件触发在什么阶段。none：0；捕获：1；目标：2；冒泡：3。

pageX，pageY ( num )：表示触发事件时，鼠标相当于页面的坐标。

isTrusted（boolenan）：表示事件是由浏览器（真实触发），还是javascript代码触发的。

IE属性区别。

var event = event || window.event;   //扑捉事件

var target = event.target || event.srcElement;    //返回事件和目标节点

【方法】：

preventDefault：禁止默认行为。例如阻止a标签跳转。

stopPropagation：阻止冒泡。

stopImmediatePropagation：阻止冒泡，阻止除了目标之外的事件触发，甚至阻止针对同一个目标节点的相同事件。

IE：

window.event.cancelBubble = true;//停止冒泡

window.event.returnValue = false;//阻止事件的默认行为

本文转自：武汉前端培训