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

Javascript中动态添加,删除event,兼容IE,FF

2010-10-11 14:31 751 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script>
function Show() {
alert("Show");
}

function AddEvent(obj, eventType, fn, bool) {
if (obj.addEventListener) obj.addEventListener(eventType, fn, bool); //FF
else if (obj.attachEvent) obj.attachEvent("on" + eventType, fn, bool); //IE
else obj["on" + eventType] = fn; //其他未知浏览器
}

function RemoveEvent(obj, eventType, fn,bool) {
if (obj.removeEventListener) obj.removeEventListener(eventType, fn,bool); //FF
else if (obj.detachEvent) obj.detachEvent("on" + eventType, fn); //IE
else obj["on" + eventType] = null; //其他未知浏览器
}

function Add() {
var obj = document.getElementById("btn");
AddEvent(obj, "click", Show,false);
}

function Remove() {
var obj = document.getElementById("btn");
RemoveEvent(obj, "click", Show,false);
}
</script>

</head>
<body>
<input type="button" value="Test" id="btn" />
<input type="button" value="添加" onclick="Add()" />
<input type="button" value="移除" onclick="Remove()" />
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航