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

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

posted @ 2010-10-11 14:31  双击  阅读(262)  评论(0)    收藏  举报