为元素绑定多个响应函数

青旅半醒 2022-06-01 04:41 165阅读 0赞

**1、第一种方法 (这个方法不支持IE8及以下的浏览器!)**

**addEventListener()**

**// btn01.addEventListener("click",function()\{**

**// alert(1);**

**// \},false)**

**// btn01.addEventListener("click",function()\{**

**// alert(2);**

**// \},false)**

**2、第二种方法 (这个方法只支持IE8及以下的浏览器!)**

**attachEvent()**

**// btn01.attachEvent("click",function()\{**

**// alert(1);**

**// \},false)**

**// btn01.attachEvent("click",function()\{**

**// alert(2);**

**// \},false)**

**3、两者结合，定义一个函数：兼容IE8的方式且统一this**

**addEventListener()中的this，是绑定事件的对象；**

**attachEvent()中的this，是window；**

**\* 参数：**

**\* obj 要绑定事件的对象**

**\* eventStr 事件的字符串(不要on)**

**\* callback 回调函数**

**function bind(obj , eventStr , callback)\{**

**if(obj.addEventListener)\{**

**//大部分浏览器兼容的方式**

**obj.addEventListener(eventStr , callback , false);**

**\}**

**else\{**

**/\***

**\* this是谁由调用方式决定**

**\* callback.call(obj)**

**\*/**

**//IE8及以下**

**obj.attachEvent("on"+eventStr , function()\{**

**//在匿名函数中调用回调函数**

**callback.call(obj);**

**\});**

**\}**

**\}**

**bind(btn01 , "click" , function()\{**

**alert(this.innerHTML);**

**\});**

**bind(btn01 , "click" , function()\{**

**alert(2);**

**\});**

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue3绑定多个事件

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6ams5LyY5pmo_size_20_col

红太狼/ 2022年09月16日 05:50/ 0 赞/ 191 阅读

相关事件绑定/解绑函数

事件绑定: 标准:元素.addEventListener(事件类型,事件处理函数,是否捕获); IE:元素.attachEventr(on+

雨点打透心脏的1/2处/ 2022年09月10日 04:21/ 0 赞/ 210 阅读

相关 Vuejs——（1）入门（单向绑定、双向绑定、列表渲染、响应函数）

参照链接： http://cn.vuejs.org/guide/index.html 【起步】部分本文是在其基础上进行补全和更详细的探寻嗯，根据朋友

迷南。/ 2022年07月17日 00:23/ 0 赞/ 246 阅读

相关为元素绑定多个响应函数

1、第一种方法 (这个方法不支持IE8及以下的浏览器!) addEventListener() // btn01.addEventListener("click",func

青旅半醒/ 2022年06月01日 04:41/ 0 赞/ 166 阅读

相关【JavsScript】一个元素绑定多个事件

1 <script> 2 document.getElementById("a").addEventListener("click", function()

淩亂°似流年/ 2022年03月31日 10:00/ 0 赞/ 196 阅读

相关 js 为元素绑定事件兼容代码

> <!DOCTYPE html> > <html lang="zh-cn"> > <head> > <meta charset="UTF-8"> >

冷不防/ 2022年03月11日 01:00/ 0 赞/ 236 阅读

相关 onload事件绑定多个javascript函数代码

onload事件是让这个函数只在网页加载完成后才得以执行，特别是在DOM操作中，XHTML文档加载完成之前，DOM是不完整的。下面来看看onload具体应用： win

左手的ㄟ右手/ 2021年11月23日 02:14/ 0 赞/ 301 阅读

相关 JavaScript如何为同一个元素绑定多个不同事件，指向同一个事件处理函数

1.源码： <body> <input type="button" value="点击" id="btn"> <script>

男娘i/ 2021年11月04日 18:30/ 0 赞/ 547 阅读

相关 WordPress如何绑定多个域名【取消特定域名的绑定】

参考：[http://im.acirno.com/2462.html/amp][http_im.acirno.com_2462.html_amp] 1. 打开网

「爱情、让人受尽委屈。」/ 2021年08月13日 11:39/ 0 赞/ 534 阅读

相关 mysql实现绑定多个ip

my.cnf中有选项bind-address=127.0.0.1，是说mysql server监听的是本地发来的请求，如果是任意主机都可以请求，则写为0.0.0.

红太狼/ 2021年06月24日 14:34/ 0 赞/ 480 阅读