使用JS在IE和FF下的事件绑定方法学习笔记

于 2023-09-25 22:35:25 发布
阅读量107 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 学习 笔记 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CsCufft/article/details/133282134
js 专栏收录该内容
299 篇文章 ¥59.90 ¥99.00
订阅专栏
本文探讨了在JavaScript中，针对早期版本的Internet Explorer（IE）和Firefox（FF）如何使用`attachEvent`和`addEventListener`进行事件绑定。在IE中，需使用`attachEvent`并为事件名添加`on`前缀；FF则使用`addEventListener`，不需前缀。为了跨浏览器兼容性，建议编写检测函数选择合适的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在JavaScript中，为了实现事件处理，我们需要将事件与相应的处理函数进行绑定。然而，不同的浏览器在事件绑定方面存在一些差异。特别是在早期版本的Internet Explorer（IE）和Firefox（FF）中，使用了不同的方法来实现事件绑定。在本文中，我们将学习如何在IE和FF中使用attachEvent和addEventListener来进行事件绑定。

  1. attachEvent方法（适用于IE）

在IE中，我们可以使用attachEvent方法来绑定事件。该方法接受两个参数：事件名称和事件处理函数。下面是一个示例代码，演示如何在IE中使用attachEvent方法绑定click事件：

var element = document.getElementById('myElement')
了解本专栏 订阅专栏 解锁全文
小白读《锋利的jQuery（第二版）》学习笔记 第四章 jQuery中的事件和动画
canxuezhang的博客
01-31 323
第四章 jQuery中的事件和动画
IE下常用的事件绑定的方式
不甜呐的博客
06-22 869
1.html事件 描述：在IE下html事件绑定方式等同于非IE、 详情请看： 2.dom0事件 描述：在IE下dom0事件绑定方式等同于非IE 详情请看： 3.dom2事件 描述：在IE下通过attachEvent函数绑定的事件，称为dom2事件 语法：元素节点.attachEvent('type',listenFunc) 说明： (1)参数一表示绑定事件的类型，有on！！ (2)参数二表示事件发生时执行的监听函数 注意： (1)在...
JS IE浏览器事件绑定：HTML事件、dom0事件、dom2事件
boonyaxnn的博客
04-08 835
一、html事件和dom0事件 没有兼容性问题，非IE的dom2事件不能在 IE8及其以下浏览器使用 报错：对象不支持“addEventListener”属性或方法 二、IE浏览器下的dom2事件绑定 1、语法：元素.attachEvent(type,listener) 2、注意： ①事件类型必须有 on ②没有事件捕获 ③按照事件绑定的顺序依次触发...
JAVASCRIPT IE与其他浏览器兼容 事件绑定
JJXBSH的博客
04-08 1574
addEventListener试用范围        在给一个元素绑定多个事件时，我们会使用到标题中的这个js方法。此方法存在于元素的属性中使用方法如下：E.addEventListener("click",function(){ },false); fasle参数：表示是否在捕获阶段触发此方法其主要适用的区间多在火狐，谷歌等浏览器中。此时的调用方法为属性调用。 不能够兼容IE浏览器。在其下报错...
4、DoM事件流 事件委托、绑定事件
hzg_hou的博客
05-12 1034
DOMLO绑定事件高低版本浏览器之间不存在任何的差异事件冒泡事件捕获处理程序(事件执行的代码)dom0事件及低级浏览器的dom2事件（没有第三个参数）都是只有冒泡，以后我们用的最多的也是冒泡，捕获几乎不用，高级浏览器的dom2事件可以根据第三个参数选择是捕获还是冒泡，一般我们都不写，默认是冒泡低版本浏览器DOML0事件写法中,阻止a标签默认行为通过 return false实现, 不支持preventDefault()
兼容绑定事件的3种方法
我的博客
08-29 1594
一、直接绑定(不利于UI和代码分离,event详见后面） 二、DOM事件句柄 document.getElementById("divid").onclick = function(){}; 三、侦听函数var tb = document.getelementbyid("tab1"); if(window.event){// 只有ie下，event是window的对象属性，注意两
JS在IE和FF下attachEvent,addEventListener学习笔记
10-29
本文将探讨在 Internet Explorer (IE) 和 Firefox (FF) 浏览器中处理事件的方法，特别关注 `attachEvent` 和 `addEventListener` 的使用。 #### 二、事件处理概述 在 JavaScript 中，事件是指由用户或浏览器引发的...
javascript 学习笔记(onchange等)
12-09
1.onchange 及其onpropertychange,oninput 在IE下可使用onpropertychangel立即触发监听， oninput 可以使用在FF下，但必须使用w3c推荐的addEventListener的方式来绑定事件. //www.jb51.net/article/25275.htm2. <...
JavaScript 学习笔记 Black.Caffeine 09.11.28
12-10
总结来说，这篇学习笔记揭示了在编写JavaScript时如何处理事件绑定和上下文（`this`）的问题，以及如何解决`setInterval`在不同浏览器中的兼容性问题。这些问题在实际开发中非常常见，理解并掌握这些技巧对于编写...
浏览器兼容性--绑定事件
zhangting8_的博客
11-06 550
addEventListener(this)中的this 是绑定事件的对象 attachEvent(this)中的this 是 window   需要统一两个方法的this function bind (obj,eventStr,callback){ if(obj.addEventListener){//大部分浏览器有这个属性 //大部分浏览器兼容方式 obj.addEventListe...
IE 动态绑定click事件
lein_wang的专栏
11-04 2301
//必须先清除原有的事件 $(dom).attr("onclick", ""); //再重新绑定新的事件 $(dom).bind("click", function() { //do something; });IE/
js绑定事件方法：addEventListener与attachEvent的不同浏览器的兼容性写法
热门推荐
sunny327的专栏
08-10 2万+
js的事件绑定方法中，ie只支持attachEvent,而FF和Chrome只支持addEventListener，所以就必须为这两个方法做兼容处理，原理是先判断attachEvent只否为真（存在），如果为真则用attachEvent（）方法，否则的话就用addEventListener（）。 另外，为了避免每次绑定事件时都要做判断，可以封装一个函数myAddEvent(obj,ev,fn){
前端绑定click事件在IE浏览器点击触发无作用解决方法
tomorrownan的博客
12-08 1万+
写的前端页面在火狐、谷歌、360浏览器上功能均正常，在IE浏览器按钮点击不起作用切换失败。我的本机IE是IE10，在IE9上测试同样不起作用。 在网上搜的攻略，说是jquary版本与IE浏览器的兼容问题，并说jquary1.x版本可以兼容所有版本，然而我尝试了使用1.x和2.x版本的jq框架，并不起作用，click事件仍然无法触发。 偶然间我点击了允许浏览器阻止的内容运行，click点击事件竟然可...
IE添加事件的兼容及事件代理
freshing123的博客
06-07 1251
原文转载自http://www.cnblogs.com/zhangmingze/p/4864367.html● 事件分为三个阶段： 事件捕获 –> 事件目标 –> 事件冒泡● 事件捕获：事件发生时（onclick,onmouseover……）首先发生在document上，然后依次传递给body、……最后到达目的节点（即事件目标）。 ● 事件冒泡：事件到达事件目标之后不会结束，会逐层向上冒泡
JS中的事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE
sinat_29646859的博客
03-31 881
事件分为三个阶段： 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获：事件发生时（onclick,onmouseover……）首先发生在document上，然后依次传递给body、……最后到达目的节点（即事件目标）。 ● 事件冒泡：事件到达事件目标之后不会结束，会逐层向上冒泡，直至document对象，跟事件捕获相反
JavaScript绑定事件的方法[3种]
xyjikl
12-07 2381
要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。 在JavaScript中，有三种常用的绑定事件的方法： 在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。 一. 在DOM元素中直接绑定 这里的DOM元素，可以理解为HTML标签。JavaSc
兼容IE9以下和非IE浏览器的原生js事件绑定函数
weixin_34335458的博客
05-12 222
事件绑定函数的demo如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"/...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值