zoukankan      html  css  js  c++  java
  • 【20190226】JavaScript-知识点记录:dom0级事件,dom2级事件

    DOM0级事件处理程序:

    通过将元素的事件处理程序属性(如onclick)的值设置为一个函数来指定事件处理程序的方法称为DOM0级方法,它被认为是元素的方法,这时候的事件处理程序是在元素的作用域中运行(也就是this引用当前元素):

    1 var btn = document.getElementById('myBtn');
    2 btn.onclick = function(){
    3     alert(this.id);
    4 };

    DOM2级事件处理程序:

    通过addEventListener()方法和removeEventListener()方法来处理指定和删除事件处理程序,这里添加的事件处理程序也是在其依附的元素的作用域中运行。DOM2级方法的好处是可以添加多个事件处理程序。需要注意的是通过addEventListener()添加的事件只能使用removeEventListener()来移除,而且移除时传入的参数与添加时使用的参数要相同。

    var btn = document.getElementById('myBtn');
    var handler = function(){
        alert(this.id);
    }
    
    btn.addEventListener("click",handler,false);

    btn.removeEventListener("click",handler,false);
  • 相关阅读:
    jcaptcha验证码使用(二)
    jcaptcha验证码使用(一)
    CentOS7 常用命令集合
    VM虚拟机下安装Centos7.0图文教程
    CentOS 6.5远程连接工具x shell
    Mogodb 存储DateTime问题
    RabbitMQ安装教程
    Redis 安装
    Linux平台安装MongoDB
    Windows 平台安装 MongoDB
  • 原文地址:https://www.cnblogs.com/huangrui-dori/p/10436333.html
Copyright © 2011-2022 走看看