一、背景 假设有一个HTML代码片段如下： 如果我们同时给 div 元素和 input 元素注册 click 事件，当点击 input 元素时，哪个事件先执行？ 要回答这个问题，先得明白： HTML文档是层级嵌套结构，页面元素处理事件时，总是最外层元素最先捕获到事件，再层层向下传递给子元素。这称为事 ...
分类：
其他好文 时间：
2017-08-06 14:08:44
阅读次数：
126
一、概述： 那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真 ...
分类：
编程语言 时间：
2017-07-31 23:26:37
阅读次数：
224
事件冒泡 ： 当一个元素接收到事件的时候，会把它接收到的所有传播给它的父级。一直到顶层window。这种现象称之为事件冒泡机制。 阻止冒泡 ： 当前要阻止冒泡的事件函数中，调用 event.cancelBubble = true; 事件捕获 ： ie下是没有的，在绑定事件中，标准下是有的。 给对象绑 ...
分类：
Web程序 时间：
2017-07-31 22:57:23
阅读次数：
254
前两天做了一个点击任意位置，都能关闭菜单的功能，因为菜单里面的每一个a,的点击事件都是用on绑定的。所以在阻止冒泡的时候不管用，今天特意来理解一下on的机制 on 是委托事件，利用的就是冒泡原理 $(selector).on(event,[selector],handler); selector 如 ...
分类：
Web程序 时间：
2017-07-30 14:53:30
阅读次数：
195
jQuery 事件 1.ready(fn) 当DOM载入就绪可以查询及操纵绑定一个要执行的函数。 $(document).ready(function（）){ //代码部分 }); 也可以这么写 $(function(){ //代码部分 }); 2.on(events,[selector],[dat ...
分类：
Web程序 时间：
2017-07-28 23:39:28
阅读次数：
263
1.加载DOM 在页面加载完毕后，JS用window.onload为DOM元素添加事件，jQuery中，用$(document).ready()为DOM元素添加事件，使用该方法可以在DOM载入就绪时对其进行操作并调用执行它所绑定的函数。 window.onload和$(document).ready ...
分类：
Web程序 时间：
2017-07-26 12:40:37
阅读次数：
240
js的事件的冒泡与捕捉，简单来说就像个V型，从最高层body开始捕捉事件，然后一层一层往下开始捕捉，底层捕捉到事件后进行处理，然后再一层层冒泡传给父级，父级再传到它的父级，如果没有阻止冒泡，事件会一直传回给body，整个下来如下图所示： 下面的例子可以证明事件的冒泡与捕捉的过程：在此例中我们用到一个 ...
分类：
Web程序 时间：
2017-07-26 12:34:59
阅读次数：
165
一、事件冒泡定义 事件冒泡是指在一个对象触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，甚至它被处理（父级对象所有同类事件都将被激活），或者 ...
分类：
Web程序 时间：
2017-07-21 19:50:07
阅读次数：
274
怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别，有需要的朋友可以参考一下 （1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> ht ...
分类：
编程语言 时间：
2017-07-20 18:54:23
阅读次数：
246
事件 事件绑定 在vue中，事件绑定用v-on。v-on也可以用@click=""形式 实例1： 实例2： 事件对象 $event 阻止事件冒泡 设置ev.cancelBubble=true;如下实例： .stop方法(跟在事件后面)，如下实例： 阻止默认事件 ev.preventDefault() ...
分类：
其他好文 时间：
2017-07-18 15:46:26
阅读次数：
235
