通过事件绑定，可以给控件添加多个事件
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);
}
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
