zoukankan      html  css  js  c++  java
  • JS之事件监听

    一 如果事件监听类似于如下写法,则最终只会执行最后一个事件监听,其他监听都会被覆盖掉。

    window.onload=funtion(){console.log(1);};

    window.onload=funtion(){console.log(2);};

    window.onload=funtion(){console.log(3);};

    //最终只会输出:"3"

    二 如果事件监听类似于如下写法,则每个事件监听都会被执行,其他监听都不会被覆盖掉。

    --是否冒泡或捕获都不会影响输出结果的次数(3次)

    window.addEventListener("load",function(evt){console.log(1);},false);

    window.addEventListener("load",function(evt){console.log(2);},false);

    window.addEventListener("load",function(evt){console.log(3);},false);

    //最终输出:"1 2 3"

    小结:

    1 window只是一个对象,可替换成其他标签对象,如divObj...。但最终输出是一样的。

    2 如果用了window.onload模式,则必须保证页面中必须只有一个这样的事件监听。

    3 jquery里面的$(document).ready(function(e){})...估计里面是实现了第二种的监听模式(addEventListener)

  • 相关阅读:
    websocket 工作原理
    Flask中的wtforms使用
    DBUtils
    Django模板语言与视图(view)
    Django之图书管理系统
    Django的安装创建与连接数据库
    pymyspl模块
    多表查询与索引
    表的关系与查询
    mysql的数据类型与表约束
  • 原文地址:https://www.cnblogs.com/simonbaker/p/3765607.html
Copyright © 2011-2022 走看看