<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="点击" id="btn">
<input type="button" value="干掉第一个按钮的事件" id="btn2">
<script src="common.js"></script>
<script>
//定义
function removeEvent(element, type, fnName) {
if(element.removeEventListener){
element.removeEventListener(type, fnName, false)
}else if(element.detachEvent){
element.detachEvent("on"+type, fnName)
}else{
element["on"+type] = null;
}
}
//定义一个绑定事件
function addEvent(element, type, fn) {
//判断浏览器是否支持这个方法
if(element.addEventListener){
element.addEventListener(type, fn, false);
}else if(element.attachEvent){
element.attachEvent("on"+type, fn)
}else{
element["on"+type] = fn;
}
}
function f1(){
console.log('呵呵')
}
//绑定
addEvent(my$("btn"), "click", f1)
addEvent(my$("btn"), "click", function () {
console.log('呵')
})
//解绑
my$("btn2").onclick = function(){
removeEvent(my$("btn"),"click", f1)
}
</script>
</body>
</html>
解决事件的兼容性案例
最新推荐文章于 2021-11-03 16:38:21 发布
扫一扫
504
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
