学习了JS一段时间,自己封装了一些日常码代码需要用到的框架,需要的小伙伴可以参考一下该框架主要功能有:阻止事件冒泡、阻止默认事件、获取元素、添加事件、删除事件、单个事件代理,多个事件代理、清除class、获取滚动距离等框架代码如下: ...
分类:
Web程序 时间:
2019-05-23 15:56:17
阅读次数:
146
事件修饰符 .stop: 阻止事件冒泡 .prevent: 阻止默认行为 .capture: 添加事件使用捕获模式 .self: 事件只能有元素自身触发 .once: 事件只能触发一次 .passive: 按键修饰符 .enter .tab .delete(删除或退格键) .esc .space . ...
分类:
其他好文 时间:
2019-05-22 23:53:41
阅读次数:
231
1.键盘检测兼容写方法var key = e.keyCode || e.which || e.charCode;2.阻止冒泡事件冒泡的兼容e.stopPropagation ? e.stopPropagation():e.cancelBubble = true;3.鼠标箭头事件对象的兼容 obj.o ...
分类:
Web程序 时间:
2019-05-14 14:39:41
阅读次数:
205
捕获(capture)和冒泡(bubble)是事件传播过程中的两个概念, 比如用户单击某个元素, 但由于元素处于父元素内, 该父元素又处于document对象中, document对象又处于window对象中, 因此该单击事件实际发生在该元素, 父元素, document, window对象上, 而 ...
分类:
Web程序 时间:
2019-05-14 12:48:32
阅读次数:
152
$JavaScript初级 基础知识 什么是JS(布莱登 艾奇) 是一门脚本语言:不需要编译,直接运行 是一门解释性的语言:遇到一样代码就解释一行代码 是一门动态类型的语言 不解析 是一门基于对象的语言 不解释 是一门弱类型的语言,声明变量的时候都使用var 三个部分 ECMAScript标准: j ...
分类:
Web程序 时间:
2019-05-02 00:01:33
阅读次数:
183
基本概念 事件委托,通俗地来讲,就是把一个元素响应事件(click、keydown......)的函数委托到另一个元素; 一般来讲,会把一个或者一组元素的事件委托到它的父层或者更外层元素上,真正绑定事件的是外层元素,当事件响应到需要绑定的元素上时,会通过事件冒泡机制从而触发它的外层元素的绑定事件上, ...
分类:
编程语言 时间:
2019-04-16 19:07:50
阅读次数:
223
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2019-04-13 11:15:38
阅读次数:
176
在正式开始前,先来看看 JS 中事件的触发与事件处理器的执行。 JS 中事件的监听与处理 事件捕获与冒泡 DOM 事件会先后经历 捕获 与 冒泡 两个阶段。捕获即事件沿着 DOM 树由上往下传递,到达触发事件的元素后,开始由下往上冒泡。 IE9 及之前的版本只支持冒泡 | A |--| | Pare ...
分类:
其他好文 时间:
2019-04-08 01:15:45
阅读次数:
150
对于以上 html 代码结构,点击p1时候进入激活状态,点击其他任何p都取消激活状态,如何实现? 如果我们在p1 div1 body中都绑定了事件,它是会根据 DOM 的结构,来冒泡从下到上挨个执行的。但是我们使用e.stopPropatation()就可以阻止冒泡。 ...
分类:
其他好文 时间:
2019-04-06 20:30:00
阅读次数:
162
什么叫事件委托/事件代理呢 ? JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 事件冒泡: 当事件发生后,这个事件就要开始传播(从里到外或者从外向里),为什么要传播呢?因为事件源本身(可能)并没有处理事件的能力,即处理事件的函数 ...
分类:
Web程序 时间:
2019-04-06 18:50:17
阅读次数:
138