JS事件覆盖问题和触发问题

昨天遇到一个面试题,主要就是事件覆盖问题和触发问题

(不是打广告,无视文本内容)

总之这样的话,会输出三次“做自己的网站”。

为什么不是两次,而是输出三次呢?

1.首先onclick=function...是DOM0级事件处理程序,而addEventListener是DOM2级事件处理程序,这两种属于不同类,不会相互覆盖。

2.此外事件监听的第三个参数是设置事件处理程序的调用阶段,true是捕获阶段,false是冒泡阶段,默认为false。如果处在不同阶段的话就不会相互覆盖。

综上两点,所以会输出三次。

原文地址:https://www.cnblogs.com/wuguanglin/p/EventOverried.html

时间: 2024-10-05 23:26:01

JS事件覆盖问题和触发问题的相关文章

MSCRM4.0如何使js事件在批量编辑表单中触发

MSCRM4.0如何使js事件在批量编辑表单中触发 MSCRM4.0如何使js事件在批量编辑表单中触发 MSCRM3.0我们可以通过在onload事件加入以下代码来控制某个属性为只读.crmForm.all.filed.Disabled = true;Update到4.0后我们会发现批量编辑表单的相应属性并没有Disabled,查了4.0的sdk,里面讲由于安全的原因ms取消了bulk edit form事件功能.默认bulk edit form事件功能并没有开启,但是我们可以通过修改实体xml

js事件触发

js事件触发 一.事件驱动 1.事件触发条件 javascript侦测到的用户的操作或是页面的一些行为(怎 么发生的) 2.事件源 引发事件的元素.(发生在谁的身上) 3.事件处理程序 对事件处理的程序或是函数 (发生了什么事) javascript事件 1.常用的鼠标事件 onclick 鼠标单击事件 ondblclick 鼠标双击事件 onmousedown 鼠标按下时的事件 onmouseup 鼠标抬起时的事件 onmousemove 鼠标移入事件,在内部移动也触发 onmouseover

新建div触发绑定在元素选择器上的js事件

在Jquery1.8版本之前,使用.live()绑定事件可以在新建div后自动绑定该div所在选择器所绑定的js事件.但是从1.8以后,官方推荐用on方法来绑定事件.那么,用.on()来绑定事件也可以和.live()达到相同的效果:$(document).on('事件','元素选择器',function(){})eg:初始化时对class为"btn"的div绑定了click事件,新建一个class为"btn"的div,使其也绑定该click事件:$("bo

js事件监听器用法实例详解

本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: window.onload = function(){  var btn = document.getElementById("yuanEvent");  btn.onclick = fun

js事件监听器用法实例详解-注册与注销监听封装

本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 window.onload = function(){   var btn = document.getElementById("yuanEv

node.js 事件发射器模式

目录: 前言 Node.js事件驱动介绍 Node.js事件 注册并发射自定义Node.js事件 EventEmitter介绍 EventEmitter常用的API error事件 继承EventEmitter 前言: 今天事儿太多了,没有发太多的东西.不好意思了各位. 本篇主要介绍Node.js中的事件驱动,至于Node.js事件概念的东西,太多了. 本系列课程主要抱着的理念就是,让大家慢慢的入门,我也尽量写的简单一点. 所以呢,本文事件驱动,大家的目标应该是:理解Node.js的事件驱动.会

js事件、自定义dom事件、自定义事件

本文参考资料是:高级编程语言第三版(13章事件和22章自定义事件). 本文涉及到: 事件的组成元素. 事件优化. 模拟事件. 自定义事件的内容 js事件是什么?高级程序13章第一句话说:js与html之间的交互是通过事件实现的.事件是浏览器或者用户自身执行的某种动作,例如我们最常用到的点击事件. 1:js事件 事件流 事件处理程序 事件对象 事件类型 事件流:从页面上接收事件的顺序 事件冒泡:概念事件从最具体的元素接收事件,然后逐级向上传播到较为不具体的元素.这个概念是由ie提出. <!DOCT

js事件(十二)

一.事件三要素1.事件目标[谁触发的该事件(引起该事件触发的源头:target)]2.事件处理程序[处理相应事件的函数]3.事件对象[触发事件产生的携带事件信息的对象] 二.事件流[从页面中接受事件的顺序]1.事件捕获流    相同事件从外到内依次执行2.事件冒泡流    相同事件从内到外依次执行3.DOM事件流    先事件捕获,再处理目标,再冒泡 三.事件处理程序1.HTML事件处理程序[HTML特性来指定]eg: <div onclick="test()"></

js事件冒泡和事件委托

js所谓的事件冒泡就是子级元素的某个事件被触发,它的上级元素的该事件也被递归执行 html: 1 <ul class="clearfix" data-type="cityPick"> 2 <li class="active_sort_opts" data-id="0">全部</li> 3 <li data-id="88">纽约</li> 4 <