摘要: 1、减少代码中事件处理程序的数量,是减少内存开销,提升网页速度的有效手段 事件委托: 核心:利用冒泡原理,将事件绑定到父元素,减少内存消耗,提升性能 利用event属性找到事件源,将事件定位到具体元素上 2、减少“空事件处理程序” 2.1、绑定有事件处理程序的元素,通过DOM操作被移除 ,但事件还在 阅读全文
posted @ 2016-08-10 20:03 tuna- 阅读(693) 评论(0) 推荐(0) 编辑
摘要: 1、客户区坐标位置 (相对于客户端视口,而无关浏览器缩放) clientX与clientY:表示事件发生时鼠标在视口的坐标,不包括页面滚动距离,因此不代表鼠标在页面上的位置。 2、页面坐标位置 pageX与pageY:包括页面滚动距离,代表鼠标在页面上的位置。 无滚动时,clientX==pageX 阅读全文
posted @ 2016-08-10 18:36 tuna- 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 1、滚动条事件scroll 2、mouseenter与mouseover的区别: mouseover事件不牵扯到后代元素,但mouseover事件会 如图两个div,给外层div#red添加mouseenter事件,这个事件也仅仅绑定到了#red上。 给#red添加mouseover事件,#blue 阅读全文
posted @ 2016-08-10 18:26 tuna- 阅读(240) 评论(0) 推荐(0) 编辑
摘要: html事件处理程序中,变量event中保存着事件对象 1、DOM中的事件对象 无论是DOM0还是DOM2,事件处理程序中都会传入一个event对象 所有的事件都会有下表列出的成员: 在事件处理程序内部,对象this始终等于currentTarget的值,而target是事件实际目标 stopPro 阅读全文
posted @ 2016-08-10 15:22 tuna- 阅读(283) 评论(0) 推荐(0) 编辑