【事件绑定】
内联绑定:<button οnclick="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;//阻止事件的默认行为
本文转自:武汉前端培训