`
fourfire
  • 浏览: 413480 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

浏览器事件动态注册和取消

    博客分类:
  • web
阅读更多
有三种方法可以注册和取消,根据浏览器的类型attachEvent和addEventListener分别运行于ie和ff下
js 代码
  1. //注册事件  
  2.     function doAddEvent()  
  3.     {  
  4.         var obj=document.createElement("INPUT");  
  5.         obj.value="bt2";  
  6.         obj.name="bt2";  
  7.         obj.id="bt2";  
  8.         obj.type="button";  
  9.         obj.onclick=doAlert;  
  10.         //obj.attachEvent("onclick",doAlert);//ie  
  11.         //obj.attachEvent("onclick",function(){alert("button");});//ie  
  12.         //obj.onclick=function(){alert("button");};  
  13.           
  14.         //obj.addEventListener('click',doAlert,false);//ff  
  15.           
  16.         form1.appendChild(obj);  
  17.     }  
  18.     //取消事件  
  19.     function doRemoveEvent()  
  20.     {  
  21.         var obj=form1.bt2;  
  22.         obj.onclick=null;  
  23.         //obj.detachEvent('onclick',doAlert);//ie  
  24.         //obj.removeEventListener('click',doAlert,false);//ff  
  25.           
  26.     }  
  27.     //获得事件对象,区分浏览器类型  
  28.     function doAlert(evt)  
  29.     {  
  30.         evt = (evt) ? evt : (window.event) ? window.event : "";  
  31.         var elt;  
  32.         if (evt.srcElement) {  
  33.             elt = evt.srcElement;//ie  
  34.         } else if (evt.target) {  
  35.             elt = evt.target;//ff  
  36.         }  
  37.         alert ("Mouse clicked on " + elt.id);  
  38.           
  39.     }  
分享到:
评论

相关推荐

    阻止浏览器的默认事件和冒泡

    ### 阻止浏览器的默认事件和冒泡 在网页开发过程中,经常需要处理各种用户交互行为,如点击、拖拽、键盘输入等。这些行为通常由浏览器默认处理,但有时候我们希望对某些操作进行自定义处理,这就涉及到阻止浏览器的...

    Node.js-axios基于Promise的HTTP客户端用于浏览器和node.js

    7. **支持请求和响应拦截器**:开发者可以注册请求和响应拦截器,对请求和响应进行预处理或者后处理。 **Node.js开发中的HTTP工具** 在Node.js开发中,除了axios之外,还有其他的HTTP工具,如`request`、`node-...

    js禁止浏览器的回退事件

    文章还提到了addEventListener和removeEventListener的使用注意事项,指出这两个方法是注册和取消注册事件监听器的关键,开发者在使用时需要注意确保它们的正确使用,特别是在动态添加和移除监听器时,避免内存泄漏...

    pubAndSubjs基于浏览器内置API实现的发布订阅模式封装

    3. **事件解绑**:为了允许动态改变订阅关系,`pubAndSub.js`可能提供一个`unsubscribe(eventName, [callback])`方法,允许开发者取消对某个事件的订阅,或者特定的回调函数。 4. **命名空间管理**:为了更好地组织...

    WEBBrowser 控件 实现浏览器功能

    2. 错误处理:`Navigating`事件中,可以检查`e.Url`和`e.Cancel`,如果URL无效或需要阻止导航,可取消导航。 3. 用户代理设置:通过`WebBrowser.ObjectForScripting`属性,可以设置用户代理字符串,模拟不同浏览器...

    YAFFS2 浏览器

    已注册版则取消了功能限制,提供了完整的操作和分析能力。 综上所述,YAFFS2 文件系统是嵌入式设备存储管理的重要组成部分,其高效的设计和对闪存特性的理解使其成为许多应用场景的理想选择。"IMG浏览器"这样的工具...

    JS传播事件、取消事件默认行为、阻止事件传播详解

    在支持`addEventListener()`的现代浏览器中,可以通过`event.preventDefault()`方法来取消事件的默认操作,而在早期的IE浏览器(IE9之前)中,需要设置`event.returnValue`为`false`来达到相同效果。下面是一个兼容...

    分享JavaScript获取网页关闭与取消关闭的事件

    在Web开发中,如何捕捉网页的关闭和取消关闭事件,是一个常被提及的问题。通常情况下,我们主要会用到两个事件来实现这个功能:onbeforeunload和onunload。但这两个事件并不能直接区分用户是选择了离开页面,还是...

    vue路由切换时取消之前的所有请求操作

    总的来说,通过在Vue的路由守卫中取消之前的请求,我们可以提高应用的响应速度和用户体验,防止因用户频繁切换路由而引发的混乱。同时,合理封装axios请求,添加取消令牌,以及结合状态管理工具,可以使我们的代码...

    Internet Explorer浏览器故障排除.docx

    - 注册表修复:提供了一段修复PNG图片不显示的注册代码,适用于WinXP和Win7系统,通过导入注册表文件来解决这个问题。 总之,对Internet Explorer的故障排除涉及多个层次,包括浏览器设置的重置、软件的卸载和安装...

    【JavaScript源代码】vue浏览器返回监听的具体步骤.docx

    然后,我们通过`addEventListener`注册了一个`popstate`事件的回调函数`goBack`,当用户点击浏览器的返回按钮时,这个函数会被调用。 当组件被销毁(例如,用户离开当前路由)时,我们需要取消监听`popstate`事件,...

    浏览器假死什么意思怎么解决.docx

    插上u盾,拿建行为例:在开始菜单里-所有程序-中国建设银行E路护航网银安全组件-网银盾管理工具打开后点击你的u盾并注册。然后重新启动浏览器(一定要完全退出再进)进入付款网页上方显示是否允许加载项,选择在所有...

    event事件的使用及说明

    - **returnValue**:如果设置为false,可以取消事件源的默认行为。 - **offsetX/Y**:在事件源元素坐标系中的鼠标位置。 ### 5. **W3C标准事件属性** 随着DOM Level 2和3的发布,事件处理更加标准化。例如: - **...

    Internet Explorer浏览器故障排除word资料6页.pdf

    - 方法二:更改文件夹选项,取消隐藏系统文件和隐藏文件夹的显示,然后运行特定的卸载程序。 - 方法三:使用专门的IE卸载工具,如IE8卸载工具。 5. **IE浏览器安装方法**: - 首先,访问微软官方网站下载适合...

    为 Microsoft EdgeGoogle ChromeFirefox 浏览器插件主要用于辅助下载 PT 站的种子

    JavaScript的动态特性和丰富的库支持使得开发者能够快速构建功能丰富的浏览器插件。 在提供的压缩包文件中,我们看到有两个文件:`说明.txt`和`PT-Plugin-Plus_master.zip`。`说明.txt`通常包含关于插件的安装、...

    JavaScript 事件的一些重要说明

    4. **取消事件冒泡**: 事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件。在示例中,当鼠标移到列表项上时,每个元素都会添加红色边框。为了避免事件冒泡导致父元素也受到同样的效果,我们可以通过调用`...

    办公自动化系统使用浏览器常见问题指导书.doc

    最后,重新注册IE的DLL文件以确保浏览器恢复正常。 总之,正确配置和管理IE浏览器对于顺利使用OA系统至关重要。遵循上述步骤,可以有效解决常见的浏览器兼容性问题,提高OA系统的使用体验。在遇到问题时,及时调整...

Global site tag (gtag.js) - Google Analytics