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

昨天遇到一个面试题,主要就是事件覆盖问题和触发问题 (不是打广告,无视文本内容) 总之这样的话,会输出三次“做自己的网站”. 为什么不是两次,而是输出三次呢? 1.首先onclick=function...是DOM0级事件处理程序,而addEventListener是DOM2级事件处理程序,这两种属于不同类,不会相互覆盖. 2.此外事件监听的第三个参数是设置事件处理程序的调用阶段,true是捕获阶段,false是冒泡阶段,默认为false.如果处在不同阶段的话就不会相互覆盖. 综上两点,所以会输…

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自定义事件的定义和触发(createEvent, dispatchEvent)

四.伪DOM自定义事件这里的“伪DOM自定义事件”是自己定义的一个名词,用来区分DOM自定义事件的.例如jQuery库,其是基于包装器(一个包含DOM元素的中间层)扩展事件的,既与DOM相关,又不直接是DOM,因此,称之为“伪DOM自定义事件”. //zxx: 下面即将展示的代码目的在于学习与认识,要想实际应用可能还需要在细节上做些调整.例如,下面测试的包装器仅仅只是包裹DOM元素,并非选择器之类:$符号未增加冲突处理,且几个重要方法都暴露在全局环境中,没有闭包保护等. 原型以及new函数构造…

原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaScript对象属性进行绑定: var a=document.getElementById("a"); a.onclick=function(){alert("你好!")};//这里也可以不用匿名的函数直接赋方法名也是可以的通过以上这种方式进行事件函数的绑定有个缺点就是…

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

这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: window.onload = function(){ v…

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…

彻底弄懂JS事件委托的概念和作用

一.写在前头接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗?然后我就混乱了,我印象中这个方法是可以绑定新节点的.后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件. 二.事件委托(事件代理)的作用? 为了方便理解,我先把事件委托的作用写一下. 支持为同一个DOM元素注册多个同类型事件可将事件分成事件捕获和事件冒泡机制例子解析: 注册多个…

JS事件冒泡机制和兼容性添加事件

本篇文章主要来讲讲事件的冒泡机制和添加事件的几种方法. 一. JS的时间传递顺序: 捕获阶段 -> 目标阶段 -> 冒泡阶段捕获阶段是指从父层往子层找.比如 <body><div></div></body> ,我们会先找到 body,然后下一个才是 div.就像中央领导发布政策一样. 从上往下通知. 目标阶段就是找到目标的那段时间,这个我们暂且不谈. 冒泡阶段就是从子层往外层传.比如 <body><div><…

js事件(十二)

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

JS事件流、事件监听、事件对象、事件委托

JS事件流: 01.DOM级别和DOM事件 02.JS事件流:页面中接收事件的顺序事件冒泡阶段-->处于目标阶段-->事件捕获阶段 (事件捕获总发生在事件冒泡前面) 03.捕获:从外向里:冒泡:从里向外.外window-Document-html-body-box1-box2...里 <div class="box" id="box1"> <div class="box" id="box2"&g…

JS事件高级

1. 注册事件(绑定事件) 1.1注册事件概述 1.2 addEventListener 事件监听方式 1.3 attachEvent 事件监听方式 1.4 注册事件兼容性解决方案 2. 删除事件(解绑事件) 2.1 删除事件的方式 2.2 删除事件兼容性解决方案 3. DOM 事件流 4. 事件对象 4.1 什么是事件对象 4.2 事件对象的使用语法 4.3 事件对象的兼容性方案 4.4 事件对象的常见属性和方法 5. 阻止事件冒泡 5.1 阻止事件冒泡的两种方式 5.2 阻止事件冒泡的兼容性…

JS事件流模型

JS事件流模型事件捕获Event Capturing是一种从上而下的传播方式,以click事件为例,其会从最外层根节向内传播到达点击的节点,为从最外层节点逐渐向内传播直到目标节点的方式. 事件冒泡Event Bubbling是一种从下往上的传播方式,同样以click事件为例,事件最开始由点击的节点,然后逐渐向上传播直至最高层节点. DOM0级模型也称为原始事件模型,这种方式较为简单且兼容所有浏览器,但是却将界面与逻辑耦合在一起,可维护性差. 实例当点击id为i3的<div>时,浏览器会依…

dynamic-css 动态 CSS 库，使得你可以借助 MVVM 模式动态生成和更新 css，从 js 事件和 css 选择器的苦海中脱离出来

dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化而触发一些效果,原本你要写 js 去绑定滚动事件,然后计算偏移量,然后更新元素 css,使用 dynamic-css,你只要根据语法去写好 css 表达式就可以了.对于一些原本需要复杂的 js 判断的动态 css,用 dynamic css 表达式几行代码搞定. 举两个例子: 元素跟随鼠标移动实现…

什么是JS事件冒泡？

什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 附一张图: 如何来阻止Js事件冒泡? <!DOCTYPE html> <html> <head&g…

js事件技巧方法整合

window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveTo(0,0);//设置浏览器位置 })() screen.availHeight;//显示屏最高高度 screen.availWidth;//显示屏最宽宽度 /*窗口改变大小事件*/ //js window.onresize = function() { if(resizeTimer==null)…

js事件浅析

js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮');">点击这个按钮</button> 二. 属性绑定(DOM0级事件) 只能绑定一个函数 button.onclick = function() {}; 三. 事件监听函数(DOM2级事件) element.addEventListener(<event-name>, &…

三言两语之js事件、事件流以及target、currentTarget、this那些事

厉害了我的哥--你是如此简单我却将你给遗忘放假前再看某文档,里边提到两个我既熟悉又陌生的概念target.currentTarget,说他熟悉我曾经看到过这两个事件对象的异同处,说他陌生吧?很不巧.正要运用了,吾才发现吾压根就没记住...其实要讲清楚target.currentTarget,我们就不得不说一下事件流这个概念,而要言明事件流,我们也要晓得一下神马是事件以及一些周边生态概念,这三个概念是必须放在一块说,我们才能对能对这部分的知识有很好的理解滴,网上信息太零散,于是乎就有了这篇算…

js事件机制——事件冒泡和捕获

概念:当给子元素和父元素定义了相同的事件,比如都定义了onclick事件,点击子元素时,父元素的onclick事件也会被触发.js里称这种事件连续发生的机制为事件冒泡或者事件捕获. IE浏览器:事件从里向外发生,事件从最精确对象(target)开始触发,然后到最不精确的对象(document)触发, 即事件冒泡 Netscape:事件从外向里发生,事件从最不精确的对象(document)开始触发,然后到最精确对象(target)触发, 即事件捕获. W3C标准将两者进行中和,在任何的W3C的事件…