IE下常用的事件绑定的方式

1. html事件

描述:在IE下html事件绑定方式等同于非IE、

详情请看:非IE下常用的事件绑定的方式_不甜呐的博客-CSDN博客

2. dom0事件

描述:在IE下dom0事件绑定方式等同于非IE    

详情请看: 非IE下常用的事件绑定的方式_不甜呐的博客-CSDN博客

3. dom2事件

描述:在IE下通过attachEvent函数绑定的事件,称为dom2事件     

语法:元素节点.attachEvent('type',listenFunc)    

说明:

(1)参数一表示绑定事件的类型有on!!

(2)参数二表示事件发生时执行的监听函数 

注意:

        (1)在IE下使用addEventListener不识别,在非IE下使用attachEvent不识别

               【IE8以后,IE开始支持addEventListener方法】

        (2)IE中dom2可以给一个事件绑定多个函数,并且执行顺序按照绑定的倒叙执行。

                div2.attachEvent('onclick', function () {console.log('第1个点击事件1');});

                div2.attachEvent('onclick', function () {console.log('第2个点击事件2');});

                div2.attachEvent('onclick', function () {console.log('第3个点击事件3');});

                div2.attachEvent('onclick', function () {console.log('第4个点击事件4');});

        (3)在attachEvent方法绑定的事件中,无法添加捕获事件。

                【如果需要在IE下添加捕获事件,则需要支持addeventListener方法的版本IE】

移除:在IE下通过detachEvent函数取消绑定事件

【在IE8以后的版本中,如果是通过addeventListener方法绑定的事件,则要使用removeeventListener移除】

语法:元素节点.detachEvent('type',listenFunc);

注意:匿名函数无法移除,如果想要移除需要使用外部函数名
          

猜你喜欢

转载自blog.csdn.net/weixin_55992854/article/details/118118905
今日推荐