js跨浏览器添加移除事件

最新推荐文章于 2020-12-01 20:02:54 发布

m0_37526041

最新推荐文章于 2020-12-01 20:02:54 发布

阅读量208

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/m0_37526041/article/details/78635588

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>测试</title>
</head>
<body>
<button id="btn3">测试</button>
</body>

<script type="text/javascript">
var eventUtil={
//添加句柄
addHandler:function (element,type,handler)
{
// body...
if(element.addEventListener)
{
element.addEventListener(type,handler,false);
}
else if(element.attachEvent)
{
element.attachEvent('on'+type,handler);
}
else
{
element['on'+type] = handler;
}
},

removeHandler:function (element,type,handler)
{
// body...
if(element.removeEventListener)
{
element.removeEventListener(type,handler,false);
}
else if(element.detachEvent)
{
element.detachEvent('on'+type,handler);
}
else
{
element['on'+type] = null;
}
},

getEvent:function(event)
{
return event?event:window.event;
},

//获取事件类型
getType:function(event)
{
return event.type;
}

//获取事件目标元素
getElement:function(event)
{
return event.target || event.srcElement;
}

//取消html元素默认行为
preventDefault:function(event)
{
if(event.preventDefault)
{
event.preventDefault();
}
else
{
event.returnValue=null;
}
},

//组织html元素事件冒泡
stopPropagation:function(event)
{
if(event.stopPropagation)
{
event.stopPropagation();
}
else//windows
{
event.cancelBubble=true;
}
}
}

function ShowMsg()
{
alert("Hello World!");
}

var btn3 = document.getElementById("btn3");
eventUtil.addHandler(btn3,'click',ShowMsg);
eventUtil.removeHandler(btn3,'click',ShowMsg);

</script>
</html>

m0_37526041

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js跨浏览器添加移除事件

测试测试var eventUtil={//添加句柄addHandler:function (element,type,handler) {// body...if(element.addEventListener){element.addEventListener(type,handler,false);}else if(elem
复制链接

扫一扫