您的位置：首页 > Web前端 > JavaScript

js跨浏览器添加移除事件

2017-11-26 09:12 239 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航