通過事件綁定，可以給控件添加多個事件
attachEvent(事件名， 函數(shù))
detachEvent(事件名， 函數(shù))
addEventListener(事件名， 函數(shù), false)
removeEventListener(事件名， 函數(shù), false)
Ex
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>事件綁定</title>
<script src="js/myAddEvent.js"></script>
<script>
window.onload = function(){
var btn = document.getElementById("btn");
myAddEvent(btn, "click", a);
myAddEvent(btn, "click", b);
myDelEvent(btn, "click", a);
myDelEvent(btn, "click", b);
}
function a(){
console.log("a");
}
function b(){
console.log("b");
}
</script>
</head>
<body>
<button id="btn">click</button>
</body>
</html>
共通方法
/**
* 添加綁定
*/
function myAddEvent(obj, ev, fn){
if(obj.attachEvent){
obj.attachEvent("on"+ev, fn);
}else{
obj.addEventListener(ev, fn, false);
}
}
/**
* 解除綁定
*/
function myDelEvent(obj, ev, fn){
if(obj.detachEvent){
obj.detachEvent("on"+ev, fn);
}else{
obj.removeEventListener(ev, fn, false);
}
}
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
