javascript 删除dom对象的事件函数代码
发布时间：2024-04-19 09:48:02
标签：javascript,删除dom对象
JS添加/删除事件在IE和支持dom浏览器分别为：attachEvent（ie中的添加事件），detachEvent（ie中的删除事件），addEventListener（支持dom浏览器中的添加事件），removeEventListener（支持dom浏览器中的删除事件）。
例如第一次点击黑色区域的时候弹出警告，并移除click事件，也就是第二次再点击的时候就没反应了，整合代码如下：
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>添加删除事件</title> <script type="text/javascript"> var EventUtil=new Object; //oTarget：目标；sEventType：事件名称；funName：事件触发的函数名； EventUtil.addEvent=function(oTarget,sEventType,funName){ //document.getElementById("dd").attachEvent if(oTarget.addEventListener){//for DOM; oTarget.addEventListener(sEventType,funName, false); }else if(oTarget.attachEvent){ oTarget.attachEvent("on"+sEventType,funName); }else{ oTarget["on"+sEventType]=funName; } }; EventUtil.removeEvent=function(oTarget,sEventType,funName){ //document.getElementById("dd").attachEvent if(oTarget.removeEventListener){//for DOM; oTarget.removeEventListener(sEventType,funName, false); }else if(oTarget.detachEvent){ oTarget.detachEvent("on"+sEventType,funName); }else{ oTarget["on"+sEventType]=null; } }; function removeClick(){ alert("click"); var oDiv=document.getElementById("odiv"); oDiv.style.cursor="auto"; EventUtil.removeEvent(oDiv,"click",removeClick); } //----多个函数绑定到window.onload上------// function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload !="function"){ window.onload=func; }else{ window.onload=function(){ oldonload(); func(); } } } addLoadEvent(addClick); function addClick(){ var oDiv=document.getElementById("odiv"); oDiv.style.cursor="pointer"; EventUtil.addEvent(oDiv,"click",removeClick); } </script> </head> <body> <p>第一次点击黑色区域的时候弹出警告，并移除click事件，也就是第二次再点击的时候就没反应了</p> <div id="odiv" style="background:#333; height:100px; width:100px; margin:0 auto; color:#CDCDCD; ">第一次点我警告你，第二次点我不理你！</div> </body> </html>
0
投稿猜你喜欢
Mysql Cluster概述 MySql Cluster最显著的优点就是高可用性,高实时性,高冗余,扩展性强。&n- 整数对象在Python内部用PyIntObject结构体表示：typedef struct {PyObject_HEADlong ob_iv
- 我们已经知道，null 没有任何的属性值，并且无法获取其实体（existence）值。所以 null.property 返回的是错误（err
- 前言今天也是偏实战的内容，作为一个并发复习课，很简单，我们来看看怎样实现一个并发任务 manager。在微服务的场景下，我们有很多任务的执行
- 从头讲讲编码的故事。那么就让我们找个草堆坐下，先抽口烟，看看夜晚天空上的银河，然后想一想要从哪里开始讲起。嗯，也许这样开始比较好……很久很久
- 相信大家从去年圣诞节开始，逐渐发现淘宝网首页的标志开始有了新的形式，从过往的静态图片节日LOGO变成了FLASH的动画小故事LO
- 一、什么是异常在python中，错误触发的异常如下二、异常的种类在python中不同的异常可以用不同的类型去标识，一个异常标识一种错误。1
- 写在前面今天在公司写了一段代码，判断一个变量是否为空值，由于判断的类型太少，code review的时候同事说还有很多类型没有考虑到，并且提
- 随着手机用户的不断增加，WAP站点如雨后春笋迅速的滋长开来，手机邮箱也不断的出现在人的眼前，笔者也曾经开发了一套手机邮箱的系统，但由于时间仓
- 思考：测试用例执行后，如何生成一个直观漂亮的测试报告呢？分析：1.unittest单元测试框架本身带有一个textTestRunner类，可
- 本文实例讲述了python简单获取数组元素个数的方法。分享给大家供大家参考。具体如下：mySeq = [1,2,3,4,5] p
- 结合邮件告警和页面展示，再多的域名证书到期情况即可立马知道代码示例：# coding: utf-8 # 查询域名证书到期情况import r
- 今天在设置input的readonly属性遇到问题，上网查到下面的内容，作个标记。今天系统需要使用javascript 动态设置textbo
- 无论是在小得可怜的免费数据库空间或是大型电子商务网站，合理的设计表结构、充分利用空间是十分必要的。这就要求我们对数据库系统的常用数据类型有充
- php实现记住密码自动登录方法不止一个，下面出现有二个emptyempty，其实是一个，那是因为代码高亮有bug。希望对大家有帮助。 一，用
- 最近写文章遇到图片有水印，如何去除水印呢？网上找了各种办法，也跑到小红书、抖音等平台找有没有不收费就去水印的网站，但是基本上都是需要VIP会
- 一、 简介TensorFlow是一个基于数据流编程（dataflow programming）的符号数学系统，被广泛应用于各类机器学习（ma
- 本文实例讲述了Python使用chardet判断字符编码的方法。分享给大家供大家参考。具体分析如下：Python中chardet 用来实现字
- 1.可以通过settings/dev.py的ALLOWED_HOSTS,设置允许访问# 设置哪些客户端可以通过地址访问到后端 A
- with 语句是从 Python 2.5 开始引入的一种与异常处理相关的功能（2.5 版本中要通过 from __future__ impo
