1>第一种分两步 1) :对document的click事件绑定事件处理程序,使其隐藏该div 2) :对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div。 这样当点击页面非div区域的时候,直接或层层冒泡会 ...
分类:
Web程序 时间:
2018-03-28 14:23:58
阅读次数:
168
一:什么是事件委托? 事件委托是利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。 事件委托就是利用事件冒泡原理实现的! 事件冒泡:就是事件从最深节点开始,然后逐步向上传播事件; 例:页面上有一个节点树,div > ul > li > a 比如给最里面的a 加一个click 事件,那么事 ...
分类:
编程语言 时间:
2018-03-26 19:05:50
阅读次数:
239
1、DOM事件绑定到父元素 2、DOM事件绑定到本身DOM上 总结: (1)事件内部的this就是绑定事件的那个DOM (2)事件处理程序内部,对象 this 始终等于 currentTarget 的值。 (3)事件处理程序内部,target 的值是实际触发事件的真正DOM(如父节点绑定事件,其实子 ...
分类:
编程语言 时间:
2018-03-23 11:45:22
阅读次数:
195
传统指派: 1. dom元素 on开头属性 2. js直接添加: 获取节点.onxxx=事件处理程序 好处:不需要处理兼容 现代指派: addEventListener(“事件名”,“事件处理程序”,“是否使用捕获机制”) attachEvent(“事件名”,“事件处理程序”)兼容老版本ie6以下 ...
分类:
其他好文 时间:
2018-03-11 17:49:31
阅读次数:
176
概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰 ...
分类:
Web程序 时间:
2018-03-09 18:01:21
阅读次数:
205
原文:错误:“ResourceDictionary”根元素需要 x:Class 特性来支持 XAML 文件中的事件处理程序。请移除 MouseLeftButtonDown 事件的事件处理程序. 转载于(https://social.msdn.microsoft.com/Forums/windo... ...
分类:
其他好文 时间:
2018-03-08 02:59:40
阅读次数:
783
可以说,网页跟事件是分不开的。事件是一件太平常的事情,让很多人很多时候会忽略它的存在。然而我们还是很有必要了解一下事件。 事件就是用户或浏览器自身执行的某种动作。比如常见的click,load和mouseover,都是事件。相应某个事件的函数叫做事件处理程序,也叫事件监听器。事件监听器以on开头,如 ...
分类:
其他好文 时间:
2018-02-27 01:12:29
阅读次数:
183
IE和其他主流的浏览器之间有很多的不兼容,有一些其他浏览器支持的方法在IE中并不能完美的支持,首先哪些支持呢? 1、直接在HTML代码的元素属性的位置为事件绑定处理程序; 2、使用JavaScript的 node.onclick=function(){} IE8及之前的版本不支持addEventLi ...
分类:
编程语言 时间:
2018-02-26 20:35:26
阅读次数:
191
方法一:直接在HTML代码中,为元素的onclick绑定时间(DOM 0级事件) 缺点:html和js的代码杂糅,耦合度高,修改不方便 方法二:使用JavaScript的DOM编程,获取元素节点,然后绑定事件 方法三:使用addEventListener和removeEventListener (D ...
分类:
Web程序 时间:
2018-02-26 18:59:24
阅读次数:
890
事件处理程序为Web程序提供了系统交互,但是如果页面中的事件处理程序太多,则会影响页面的性能。每个函数都是对象,都会占用内存,内存中对象越多,性能越差。需要事先为DOM对象指定事件处理程序,导致访问DOM的次数增多,会延迟整个页面的交互就绪时间。 事件委托 对事件处理程序过多的解决方案是使用事件委托 ...
分类:
编程语言 时间:
2018-02-23 11:01:44
阅读次数:
223