addEventListener 事件监听器 冒泡事件)

摘要:
addEventListener事件侦听器(冒泡事件)1。后续绑定的事件仍将执行2。它们不会被覆盖3。调用方是事件源,但addEventListener 4,参数1,事件名称(不单击就移动)(“click”,fn1)5,参数2,执行函数(“clicking”,fn2)6,参数3,事件名(捕获或冒泡)7,Firefox IE9+支持addEventListennerurbot=document。获取Eleme
addEventListener 事件监听器 (冒泡事件)
 
1、后面绑定的事件照样会执行
2、不会被覆盖
3、调用者是事件源but.addEventListener
4、参数1,事件名(不带on 点击,移开)("click",fn1)
5、参数2执行函数("click",fn1)
6、参数3事件名(捕获或者冒泡)
7、火狐谷歌IE9+ 支持addEventListener
 var but=document.getElementsByTagName("button")[0];
    //addEventListener 事件监听器
    //原事件被执行的时候,后面的事件也照样被执行 
    // 第一次执行的事件不会被第二次执行事件沉淀掉
    but.addEventListener("click",fn1);
    but.addEventListener("click",fn2);
    function fn1(){
        console.log("鹅鹅鹅,曲项向天歌")
    }
    function fn2(){
        console.log("白毛浮绿水,红掌拨清波")
    }

addEventListener 事件监听器 冒泡事件)第1张

8、IE678支持attachevent

but.attachEvent("onclick",fn2)

事件监听器兼容性写法

 var but=document.getElementsByTagName("button")[0];
    function fn1(){
        console.log("鹅鹅鹅,曲项向天歌")
    }
    function fn2(){
        console.log("白毛浮绿水,红掌拨清波")
    }
    //没有赋值返回空,也就是false 有值返回true
    //console.log(but.addEventListener);
    //兼容写法
    EventListen={
        EventListener:function (stl,fn,ele) {
            if(stl.addEventListener){
                stl.addEventListener(ele,fn)
            }else if(stl.attachEvent){
                stl.attachEvent("on"+ele,fn)
            }else{
                stl["on"+ele]=fn
            }
        }
    }
    //调用
    EventListen.EventListener(but,fn1,"click");
    EventListen.EventListener(but,fn2,"click")

免责声明:文章转载自《addEventListener 事件监听器 冒泡事件)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇centOS终端可以显示中文vue中handsontable 使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Oracle 数据库监听配置

一、监听器(LISTENER)   监听器是Oracle基于服务器端的一种网络服务,主要用于监听客户端向数据库服务器端提出的连接请求。既然是基于服务器端的服务,那么它也只存在于数据库服务器端,进行监听器的设置也是在数据库服务器端完成的。   二、本地服务名(Tnsname)   Oracle客户端与服务器端的连接是通过客户端发出连接请求,由服务器端监听器...

JavaWeb总结(八)

对象作用域    在Servlet里可以用一个名字绑定一个对象,并且在应用中传递和使用这个对象 作用域对象 属性操作方法 作用域范围说明 ServletContext(上下文) void setAttribute(String,Object) Object getAttribute(Sting) void removeAttribute(Str...

Android的两种事件处理机制

UI编程通常都会伴随事件处理,Android也不例外,它提供了两种方式的事件处理:基于回调的事件处理和基于监听器的事件处理。 对于基于监听器的事件处理而言,主要就是为Android界面组件绑定特定的事件监听器;对于基于回调的事件处理而言,主要做法是重写Android组件特定的回调函数,Android大部分界面组件都提供了事件响应的回调函数,我们主要重写它们...

JMeter学习(八)JDBC测试计划-连接Oracle(转载)

转载自 http://www.cnblogs.com/yangxia-test 一.测试环境准备       Oracle:10g       JDBC驱动:classes12.jar                              oracle安装目录下(oracleproduct10.2.0db_1jdbclibclasses12.jar)文...

PHP 微信机器人 Vbot 结合 Laravel 基础入门及实例

新来了项目,需要能监听指定微信群的消息并进行转发。基于 PHP 7 的 web 微信机器人 Vbot 可以满足需求。Vbot 本质上就是实现了登录网页版微信来进行自动回复、群管理等等操作。 github 地址:https://github.com/hanson/vbot,官网地址:http://create.hanc.cc/vbot/。 安装 环境要求:...

Android控件系列之RadioButton&RadioGroup

学习目的: 1、掌握在Android中如何建立RadioGroup和RadioButton 2、掌握RadioGroup的常用属性 3、理解RadioButton和CheckBox的区别 4、掌握RadioGroup选中状态变换的事件(监听器) RadioButton和CheckBox的区别:1、单个RadioButton在选中后,通过点击无法变为未选中...