一、addeventlistener 与 removeeventlistener

事件流:事件捕获,事件处理,事件冒泡

addEventListener()与removeEventListener()用于处理指定事件和删除事件处理程序。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。// 添加事件
    addHanlder: function (element, type, hanlder) {
        if (element.addEventListener) {
            element.addEventListener(type, hanlder, false);
        }
        else if (element.attachEvent) {
            element.attachEvent(‘on‘ + type, hanlder);
        }
        else {
            element[‘on‘ + type] = hanlder;
        }  

    },
    // 删除事件
    removeHanlder: function (element, type, hanlder) {
        if (element.removeEventListener) {
            element.removeEventListener(type, hanlder, false);
        }
        else if (element.detachEvent()) {
            element.detachEvent(‘on‘ + type, hanlder);
        }
        else {
            element[‘on‘ + type] = null;
        }
    }
时间: 2024-12-07 17:13:29

一、addeventlistener 与 removeeventlistener的相关文章

addEventListener()和removeEventListener()

作用: addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作. 它们都接受3个参数:事件名.事件处理的函数和布尔值. 布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 示例: 环境:移动端,界面禁止触摸事件 要在body上添加事件处理程序,可以使用下列代码: document.body.addEventListener('touchmove', function (event)

事件监听addEventListener()和removeEventListener() ---------1

一直想写一个原生事件监听的记录,方便以后看,不愿意写主要是事件监听的单词太长,记起来好难记每次都要查,这次把知道的写完了,来这里查好了,以后要是理解的更透彻了,就再补全好了 首先,DOM0级事件和DOM2级事件 给一个元素添加事件有三种方法 HTML <input type="button" value='button1' id='btn1' /><input type="button" value='button2' id='btn2' />

addEventListener()与removeEventListener()

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 要在按钮上为click事件添加事件处理程序,可以使用下列代码: var btn = document.getElementById("myBtn")

js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定

js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定 addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 要在按钮上为click事件添加事件处

javascript -- addEventListener()和removeEventListener

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值.最有这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序. 要在按钮上为click事件添加事件处理程序,可以使用下列代码: var btn = document.getElementById("myBtn")

addEventListener()与removeEventListener(),追加事件和删除追加事件

addEventListener()与removeEventListener()用于追加事件和删除追加.所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名.作为事件处理程序的函数和一个布尔值. 最后这个布尔值参数是true,表示在捕获阶段调用事件处理程序:如果是false,表示在冒泡阶段调用事件处理程序.默认为false; 要在按钮上为click事件添加事件处理程序,可以使用下列代码: ```var btn = document.getElementById("myBtn

ie7、ie8兼容addEventListener和removeEventListener,解决this指向和detachEvent解除绑定事件问题

现代浏览器监听事件使用addEventListener函数,解除绑定监听使用removeEventListener函数.但是ie7.ie8监听事件使用attachEvent函数,解除监听事件使用detachEvent函数. 简单的兼容函数: 1 if(document.addEventListener){ 2 element.addEventListener(type, fun, useCapture); 3 }else{ 4 element.addEventListener("on"

写一个addEventListener以及removeEventListener

第一步:对象属性赋值为函数,对象内部函数控制年龄这一参数变化,同时成长事件也执行. class Person{ constructor(){ this.name = ''; this.age = 0; this.growup()//不断成长 this.growEvent = null//成长经历的事情 } setName(val){ this.name = val } growup(){ let _this = this; setInterval(()=>{ _this.age++; if(_t

[转]addEventListener() 方法,事件监听

转载  白杨-M  http://www.cnblogs.com/baiyangyuanzi/p/6627401.html addEventListener() 方法,事件监听 你可以使用 removeEventListener() 方法来移除事件的监听. 语法 element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 "click" 或 "mousedown"). 第二个参数是事件触