JS:attachEvent和addEventListener 使用方法

最新推荐文章于 2020-01-14 13:41:13 发布
最新推荐文章于 2020-01-14 13:41:13 发布
阅读量551 收藏
点赞数
分类专栏： javascript的学习 文章标签： firefox function ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GreenOfBamboo/article/details/4576206
版权

JYEvent.addListener=function(o, evType, f, capture)     //增加事件
{
 if(o.addEventListener)
 {
     if(typeof(capture)=="undefined")
                capture = false;
  o.addEventListener(evType, f, capture);
 }
  else if (o.attachEvent)             
       o.attachEvent("on" + evType, f);
  else
       eval("o.on" + evType + "=f;");
};

 

 

attachEvent   支持IE,不支持firefox

attachEventListener  支持firefox

 

greenofbamboo
关注
专栏目录
javascript attachEvent和addEventListener使用方法
10-30
本知识点将介绍 JavaScript 中两种常用的方法：attachEvent 和 addEventListener，以及它们在不同浏览器中的应用和区别。 首先，attachEvent 方法是早期 Internet Explorer 浏览器引入的事件监听方法，它的语法是：...
JavaScript事件监听（attachEvent、 addEventListener）
dayewandou的博客
10-22 1033
事件监听：同一个事件绑定多个事件处理程序 IE：（IE8及以下查看效果） 对象.attachEvent(‘事件（on）’，‘事件处理程序’) 添加事件 对象.detachEvent(‘事件（on）’，‘事件处理程序’) 删除事件案例：给一个div绑定两个处理程序，查看执行顺序（需要在IE8下查看效果）<!doctype html> <html l
addEventListener（）和attachEvent（）的区别和兼容写法
qq_37321858的博客
09-05 2772
addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数；但是，IE8.0及其以下版本不支持该方法，它使用attachEvent()来绑定事件监听函数。所以，这种绑定事件的方法必须要处理浏览器兼容问题。 addEventListener共有3个参数，如下所示： element...
javascript中的attachEvent和addEvntlistener的使用方法
吴正清的专栏
03-02 1005
attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）addEventListener方法 用于 Mozilla系列举例: document.getElementById("btn").onclick = method1;document.getElementById("btn").onclick = method2;document.getElementB
attachEvent和addEventListener详解
weixin_30865427的博客
04-14 478
attachEvent方法可以动态的为网页内的元素添加一个事件．通常你想为某个按扭添加一个单击事件时．你都会在按扭内写上onclick=事件名称.使用attachEvent则不必这样做．你把写好的事件准备好，在需要的时候给元素绑定上再执行．而且attachEvent支持为某个元素绑定多个事件．执行顺序是，后绑定的先执行．那么我在什么时候使用该方法呢，当然在你需要时．不过如今的Web2.0追求的是分...
JavaScript中的attachEvent和addEventListener
weixin_30945039的博客
12-09 293
attachEvent和addEventListener在前端开发过程中经常性的使用，他们都可以用来绑定脚本事件，取代在html中写obj.onclick=method。 相同点： 　　它们都是dom对象的方法，可以实现一种事件绑定多个事件处理函数。 obj = document.getElementById("testdiv"); obj.onclick=function(){ale...
js中addEventListener和attachEvent区别以及处理异常
香格里拉&的博客
01-14 380
1. addEventListener(type,listener,option) type: 事件类型,比如 click listener: 监听器 必须是一个实现了 EventListener 接口的对象，或者是一个函数。 useCapture: 可选 第三个参数是一个布尔值，指定是使用事件冒泡还是事件捕获。不写,默认false 2. attachEvent(type,listener...
attachEvent和addEventListener 使用方法
03-15
在JavaScript中，`attachEvent` 和 `addEventListener` 是两种用于为元素添加事件处理程序的方法，主要在Internet Explorer和非IE浏览器（遵循W3C标准）中使用。它们都是用来监听和响应用户或浏览器的特定行为，如...
JS在IE和FF下attachEvent,addEventListener学习笔记
10-29
本文将探讨在 Internet Explorer (IE) 和 Firefox (FF) 浏览器中处理事件的方法，特别关注 `attachEvent` 和 `addEventListener` 的使用。 #### 二、事件处理概述 在 JavaScript 中，事件是指由用户或浏览器引发的...
浅谈addEventListener和attachEvent的区别
09-02
在JavaScript中，处理DOM事件监听有两个主要的方法：`addEventListener` 和 `attachEvent`。这两个方法在功能上相似，但存在一些关键的区别，特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准...
HTML addEventListener() 方法和attachEvent()区别分析
ssisse的博客
05-06 3943
本文转自：http://www.runoob.com/jsref/met-element-addeventlistener.html 语法 element.addEventListener(event, function, useCapture) 参数值 参数 描述 event 必须。字符串，指定事件名。 注意: 不要使用 "on" 前缀。 例
addEventListenter和attachEvent事件兼容代码
qq_36090419的博客
06-08 983
在浏览器中，绑定事件方法由于IE和chrome等支持W3C标准的浏览器有所区别。本文针对addEventListener和attachEvent的这两个进行了一些分析，最后给出了一个比较完整的兼容代码 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.oncl
关于attachEvent和addEventListener事件监听
qulongjun的专栏
08-18 2641
一般在用JS给元素增加事件的时候，使用的方法为： obj.onclick=method 这种方法简单高效，但存在一个问题，如果对同一个元素同时添加同一个事件的时候，会造成前面的添加效果失败，只运行最后一个，例如： oBtn = document.getElementById('btn1'); oBtn.onclick = function() { alert('aaa'); };
addEventListener和addListener的区别
热门推荐
smile的博客
02-06 5万+
addListener是用于鼠标，键盘等特殊元素的一些监听 addEventListener是对组件监听的 (要注意的是div必须放到js前面才行) 一般情况下，如果给一个dom对象绑定同一个事件，只有最后一个会生效，比如： 复制代码 代码如下: document.getElementById("btn").onclick = method1; document.ge
js中addEventLister()函数的用法
kbx8916的博客
11-14 6156
addEventListener()用于给元素添加事件 removeEventListener()用于撤销元素事件。 相关链接
attachEvent(detachEvent) 和 addEventListener(removeEventListener)
一个半路出家的人
09-12 1075
 1,介绍添加多个两种方法 考虑到不同的人写同一个页面,有事后我们要为同一个元素添加多个事件,这些事件可能是相同的,因此我们有必要为一个元素同时添加多个元素 attachEvent  和 addEventListener 可以同时添加多个事件, attachEvent 谷歌,火狐Ie9版本以上大的浏览器都不支持     ie8以下的版本不支持 addEventListener 谷歌,火狐I...
attachEvent和addEventListener
qq_35125061的博客
12-05 675
attachEvent和addEventListener attachEvent和addEventListener在前端开发过程中经常性的使用，他们都可以用来绑定脚本事件，取代在html中写obj.onclick=method。 相同点： 它们都是dom对象的方法，可以实现一种事件绑定多个事件处理函数。 obj = document.getElementById(&amp;amp;amp;quot;testdiv&amp;amp;amp;quot;); obj...
attachEvent和addEventListener方法使用举例
Sux
05-13 780
对于拥有onclick,onmouseover,onmouseup,onmousedown等事件的HTML标签元素，我们通常情况下是这样来绑定其事件的： 然后在JS代码中添加click方法：
JavaScript事件处理：addEventListener与attachEvent对比解析
"这篇文章主要探讨了JavaScript中处理事件的两种主要方法：addEventListener()和attachEvent()，以及它们在Mozilla和Internet Explorer（IE）环境下的差异。理解这些差异对于JavaScript开发者来说至关重要，特别是在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值