通過事件綁定，可以給控件添加多個事件
attachEvent(事件名， 函數)
detachEvent(事件名， 函數)
addEventListener(事件名， 函數, false)
removeEventListener(事件名， 函數, 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);
}
}
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
