javascript（六）js事件绑定浏览器兼容解决方案 attachEvent addEventListener

短命女 2022-08-08 17:54 181阅读 0赞

## 事件绑定 ##

*  IE
    
    绑定事件处理函数 attachEvent（event, fn）
    
    解除绑定 detachEvent（event, fn）
 *  dom

addEventListener(event,fn,false/ture)

removeEventListener(event,fn,false/ture)

## 浏览器兼容解决方案 ##

<!DOCTYPE html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>事件绑定函数</title>
    <script>
        function myAddEvent(obj,sEvent,fn)
     {
          
          if(obj.attachEvent){
         //IE
    
        obj.attachEvent('on'+sEvent,fn);
        }
          else{
            obj.addEventListener(sEvent,fn,false);//其他浏览器
          }
     }
    
        function a(){
          
    
        alert('hello a!');
    }
        function b(){
          
        alert('hello b!');
        }
    
    window.onload=function(){
          
    
    var oBtn=document.getElementById('btn1');
            myAddEvent(oBtn,'click',b);
            myAddEvent(oBtn,'click',a);
    }
         </script>
        </head>
      <body>
         <input id="btn1"   type="button" value="aaa" />
     </body>
    </html>>

## 绑定事件与this ##

*  IE

obj.attachEvent('onclick' a);
      function a(){
        
       alert(this==window);
     }

结果为true

**IE下的绑定事件this是window对象**

*  DOM

**this 就是把那个对象**

## 绑定事件与匿名函数 ##

绑定匿名函数会无法删除

发表评论取消回复

表情：

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

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

相关阅读

相关点击事件：onclick、addEventListener、attachEvent及解绑事件

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

- 日理万妓/ 2023年08月17日 16:30/ 0 赞/ 48 阅读

相关 JavaScript中 --- 绑定多事件问题浏览器兼容性解决方法。

为一个元素绑定多事件有两种方法：addEventListener（）和 attachEvent() addEventListener（） —IE8及以下不支持

╰+哭是因爲堅強的太久メ/ 2023年05月21日 08:59/ 0 赞/ 5 阅读

相关 JavaScript自定义bind()兼容浏览器事件绑定

/ @param {事件绑定对象} object @param {事件名称} callbackFunc @param {回调函数}

冷不防/ 2022年12月23日 11:09/ 0 赞/ 131 阅读

相关 js绑定事件兼容性封装函数

function addEvent(ele, type, handle) { if(ele.addE

ゝ一纸荒年。/ 2022年12月08日 04:24/ 0 赞/ 165 阅读

相关 javascript（六）js事件绑定浏览器兼容解决方案 attachEvent addEventListener

事件绑定 IE 绑定事件处理函数 attachEvent（event, fn）解除绑定 detachEvent（event,

短命女/ 2022年08月08日 17:54/ 0 赞/ 182 阅读

相关 addEventListener() 和 attachEvent()

addEventListener(): 在除IE8及之前的版本外所有的浏览器都支持标准的事件模型中，任何能成为事件目标的对象—这些对象包括Window对象、docum对象和所

落日映苍穹つ/ 2022年06月18日 11:20/ 0 赞/ 191 阅读

相关【JS】原生JS事件绑定onclick和addEventListener

onclick绑定方式优点： \- 简洁 \- 处理事件的this关键字指向当前元素缺点： \- 不能对事件捕获或事件冒泡进行控制，只能使用事件冒泡，

女爷i/ 2022年05月27日 04:42/ 0 赞/ 629 阅读

相关兼容addEventListener事件

window.onload = function(){ var p = document.getElementById("content");

r囧r小猫/ 2022年05月14日 15:17/ 0 赞/ 244 阅读

相关兼容多浏览器的回车键绑定事件

最近做任务的时候，遇到一个问题，就是要求input绑定回车键，当有内容且按下回车键时，执行搜索功能，但是浏览器不一样，执行的效果也不一样，但是最终还是找到了一个比较完美的解决方

港控/mmm°/ 2021年12月04日 07:01/ 0 赞/ 244 阅读

相关 JavaScript DOM事件处理addEventListener（事件添加）removeEventListener（事件移出）兼容低版本IE（attachEvent、detachEvent）

目录我们知道JavaScript添加事件的方式有三种： addEventsListener比前面两种有什么优势呢？语法：实例：欢迎交流点赞

悠悠/ 2021年07月24日 12:28/ 0 赞/ 491 阅读