美文网首页
DOM0和DOM2级事件

DOM0和DOM2级事件

作者: 关航_强化班 | 来源:发表于2022-06-27 20:00 被阅读0次

DOM0和DOM2级事件

事件绑定的两种方法

DOM0级事件绑定

curEle.onclick=function(){};

DOM2级事件绑定

标准浏览器:curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent('onclick',function(){})

一、共同的优点1、DOM0级和DOM2级的共同优点:能添加多个事件处理程序,按顺序执行,HTML事件处理程序无法做到~

二、区别2、关于dom0级和dom2级的区别

DOM0级事件处理:同时绑定几个不同的事件,

例如在绑定onclick的基础上,

再绑定一个onmouseover为按钮2设置背景颜色

(这里注意onclick、onmouseover事件不能都设为alert弹出哦,可能会有冲突,造成dom0和dom2都不能成功);

但是不能同时绑定多个相同的事件,比如onclick;会覆盖,只会执行最后一个的函数;

比如把onclick写在标签内,就是dom0级事件,fn和fn1依次执行;

第二种获取元素,绑定onclick事件也是dom0级,第二个onclick会覆盖第一个onclick,也会覆盖行内的onclick。

DOM2级事件处理:优点:同时绑定几个事件(相同或不同),然后顺序执行,不会覆盖。缺点:不具有跨浏览器优势.

另外,IE9能兼容dom2

dom2级,不会覆盖,会依次执行绑定方法和原生的绑定方法,这就是于dom0级的区别之处;

总结区别:如果定义了两个dom0级事件,dom0级事件会覆盖;

dom2不会覆盖,会依次执行;

dom0和dom2可以共存,不互相覆盖,但是dom0之间依然会覆盖。

相关文章

  • 事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级的事件添加形式为 DOM2级事件添...

  • 十八、DOM之事件绑定的两种处理程序(DOM0和DOM2) --

    1、什么是DOM0、DOM2: 2、DOM0级事件处理程序: 3、DOM2级事件处理程序:

  • 事件监听

    DOM0 事件和DOM2级在事件监听使用方式上有什么区别? Dom0级事件处理程序:在DOM0级事件处理程序,事件...

  • 进阶9

    DOM0 事件和DOM2级在事件监听使用方式上有什么区别? Dom0级事件处理程序:在DOM0级事件处理程序,事件...

  • 事件

    一、DOM0 事件和 DOM2 级在事件监听使用方式上有什么区别? 1. DOM0 级事件处理 DOM0 级事件处...

  • 事件

    1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级事件 使用DOM0级方法指定的事件处理...

  • DOM0和DOM2级事件

    DOM0和DOM2级事件 事件绑定的两种方法 DOM0级事件绑定 curEle.onclick=function(...

  • 事件处理程序

    HTML事件处理程序 HTML程序和JS无法分离 DOM0级事件处理程序 DOM2级事件处理程序 DOM2级事件定...

  • JS事件

    一、DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级事件 了解DOM0级事件之前,先了解下H...

  • 第十周第三天笔记

    1 知识点复习 事件事件分为DOM0级事件和DOM2级事件DOM0级事件:oDiv.onclick=函数名/匿名函...

网友评论

      本文标题:DOM0和DOM2级事件

      本文链接:https://www.haomeiwen.com/subject/hwjovrtx.html