用attachEvent()添加触发事件

最新推荐文章于 2022-10-20 11:07:49 发布
最新推荐文章于 2022-10-20 11:07:49 发布
阅读量391 收藏
点赞数
文章标签： c/c++ 游戏

document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行

写成这样：
var btn1Obj = document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1
------

如果是Mozilla系列，需要用到addEventListener

hcmfys2009
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript事件监听（attachEvent、 addEventListener）
dayewandou的博客
10-22 997
事件监听：同一个事件绑定多个事件处理程序 IE：（IE8及以下查看效果） 对象.attachEvent(‘事件（on）’，‘事件处理程序’) 添加事件 对象.detachEvent(‘事件（on）’，‘事件处理程序’) 删除事件案例：给一个div绑定两个处理程序，查看执行顺序（需要在IE8下查看效果）<!doctype html> <html l
js添加事件的通用方法推荐
10-22
需要注意的是，使用`addEventListener`时，同一个事件可以添加多个监听器，而`attachEvent`则会覆盖已有的事件处理函数。因此，如果你在IE中同时为同一元素添加两个点击事件，只有最后一个会被执行。 总的来说，...
attachEvent() / addEventListener() 对象添加触发事件(转)
yizhiduxiu11的专栏
01-15 603
attachEvent() / addEventListener() 对象添加触发事件(转) 有时候当某一对象的某一事件被触发时，它所要执行的程序可能是一大串，有可能是要呼叫某一函数，也有可能同时又要呼叫另一函数。document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick =
attachEvent
faunjoe的专栏
07-21 2752
attachEvent() 方法的用法如下所示：elemObject.attachEvent("eventName", functionReference);eventName 参数的值是表示事件名称的字符串，比如 onmousedown。functionReference 参数是一个不带括号的函数引用，和早些时候描述的事件属性方法中一样。因此对于上面例子的按键对象，可以通过如下的脚本语句把函
Javascript_attachEvent()
小小拳大大脚
02-20 288
attachEvent() 方法的用法如下所示： elemObject.attachEvent("eventName", functionReference); eventName 参数的值是表示事件名称的字符串，比如 onmousedown。functionReference 参数是一个不带括号的函数引用，和早些时候描述的事件属性方法中一样。因此对于上面例子的按键对象，可以通过如下的脚本语句把函
js 绑定带参数的事件以及手动触发事件
10-29
2. 事件绑定：使用`addEventListener`和`attachEvent`进行事件监听，将函数作为事件处理程序，并传递参数。 3. 事件处理函数：定义了`swap`函数，处理事件逻辑，包括DOM元素的样式改变和类的添加。 4. 事件触发：...
JS动态给对象添加事件的简单方法
10-21
1. 使用`addEventListener`或`attachEvent`根据浏览器的兼容性选择合适的事件添加方法。 2. 为事件提供一个回调函数，这个函数将在事件触发时执行。 3. 对于`addEventListener`，注意传递的事件名称不带`on`前缀，且...
添加事件
08-10
对于较旧版本的Internet Explorer浏览器，我们需要使用`attachEvent`，其用法与`addEventListener`类似，但事件处理顺序不同。不过，由于现代浏览器广泛支持`addEventListener`，所以现在不推荐使用`attachEvent`。...
JS实现为动态创建的元素添加事件操作示例
10-18
在原生 JavaScript 中，我们可以使用 `addEventListener` 或 `attachEvent`（IE 浏览器特有）来为元素添加事件监听器。然而，对于动态创建的元素，我们需要在创建元素后立即为其绑定事件。以下是一个简单的例子： ...
javascript DOM attachEvent
limlimlim的专栏
01-11 891
一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢? obj.onclick=method1 obj.onclick=method2 obj.onclick=method3 如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角
addEventListener()及attachEvent()区别
szy1000的专栏
09-21 304
今天仔细看了一下addEventListener() attachEvent()写篇博客记忆一下。 html代码很简单一句话： Document js语法分别是 : element.addEventListener(event, function, useCapture)  //FF attachEvent(event,function)   //IE
attachEvent(detachEvent) 和 addEventListener(removeEventListener)
一个半路出家的人
09-12 981
 1,介绍添加多个两种方法 考虑到不同的人写同一个页面,有事后我们要为同一个元素添加多个事件,这些事件可能是相同的,因此我们有必要为一个元素同时添加多个元素 attachEvent  和 addEventListener 可以同时添加多个事件, attachEvent 谷歌,火狐Ie9版本以上大的浏览器都不支持     ie8以下的版本不支持 addEventListener 谷歌,火狐I...
JavaScript中attachEvent()和detachEvent()使用方法 — 第13.2.4节
热门推荐
flyingpig2016的博客
10-29 1万+
我们都知道，dom事件处理程序有两种类型：DOM0级和DOM2级，其中DOM0级在文档中调用onclick事件，这种方法比较繁琐，DOM2级使用addEventListener()和removeEventListener()两个方法处理事件，这种方法比较常见，但是，ie人家牛逼，IE中也有类似的两个方法：attachEvent()和detachEvent()。这两个方法接受相同的连个参数：事件处理程
js中 attachEvent事件
weixin_33697898的博客
06-28 799
用于HTML内代码层和UI层分离。比如，你要给一个按钮增加一个单击事件，你会怎么做？<input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" />明显的，它破坏了标签，如果下次要修改这个按钮不小心就会丢失。attachEvent是为了将事件分离，如：<input type="button" id="...
事件绑定-addEventListener()和attachEvent()的区别及用法
十二的博客
04-30 769
事件绑定-addEventListener()和attachEvent()的区别及用法
IE window.open窗口只能弹出来一次
未来之歌
10-11 773
在IE11中，想要每点击一次按钮就弹出那个已经打开的主窗口，使用以下代码： window.open("another.html", "another", "location=no"); 发现，在子窗口进入后台时，在调用一次之后，子窗口弹不出来了。。 解决方法： var anotherWindow = undefined; anotherWindow = window.open("another.html", "another", "location=no"); anotherWindow.focus()
vue事件（键盘事件，鼠标事件，输入事件）事件冒泡和捕获
cn33333的博客
10-20 8017
无论事件流中只有捕获还是事件流中只有冒泡，还是说是事件流中既有捕获还有冒泡，event.stopPropagation()都可以阻止事件流的传播顺序。只要是event.stopPropagation()加在哪里，则到哪里就停止运行，停止捕获或者停止冒泡，简单说是，仍然按照正常的混合机制流程走，只是哪里有e.stopPropagation()则这个流程到哪里就停止了。为true时，表示事件捕获阶段执行，从外往里。是不是很疑惑，自己明明点击的是box2，打印的数据却是“点击box1 点击box2”？
实战iframe嵌套页面如何进行参数传递
sha虫剂的博客
03-11 1万+
在开发中，偶尔会遇到需要在一个页面之中嵌套调用不同域名的项目进行展示，这时候就有一个问题，调用另外的项目的时候会需要一些参数，或者说是某些验证规则，但是我们的url传参又是有限制的，很多时候并不能完整的传过去我们需要的所有数据，所以在这里讲一下如何进行iframe父页面对子页面的参数传递（通信） 父页面代码 1、html部分 <iframe src="https://xxx.xxx.xx" ref="Frame" scrolling="auto"></iframe> 2、方法
js事件触发函数
最新发布
05-31
2. 在JavaScript中定义事件触发函数：可以使用`addEventListener()`或`attachEvent()`方法在JavaScript中定义事件触发函数，例如： - `element.addEventListener(event, function, useCapture)`：添加事件监听器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值