JavaScript 能够对页面中的所有事件做出反应 onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。 首先当点击鼠标按钮时,会触发 onmousedown 事件 <img src="/i/example_mouse2.jpg" onmousedow ...
分类:
编程语言 时间:
2016-12-21 20:58:54
阅读次数:
214
JavaScript事件类型 Web浏览器中可能发生的事件有很多类型。这里我将主要将下面几种常用的事件类型: UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设备事件 触摸与手势事件 第一部分:UI事件 UI事件中UI即(User Interface,用户界面 ...
分类:
编程语言 时间:
2016-12-07 20:29:36
阅读次数:
238
一. 事件委托什么是事件委托?用现实中的理解就是:有100 个学生同时在某天中午收到快递,但这100 个学生不可能同时站在学校门口等,那么都会委托门卫去收取,然后再逐个交给学生。而在jQuery 中,我们通过事件冒泡的特性,让子元素绑定的事件冒泡到父元素(或祖先元素)上,然后再进行相关处理即可。如果 ...
分类:
编程语言 时间:
2016-12-01 13:59:09
阅读次数:
294
JavaScript事件对象 学习要点: 1.事件对象 2.鼠标事件 3.键盘事件 4.W3C与IE JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件 ...
分类:
编程语言 时间:
2016-12-01 13:53:28
阅读次数:
220
事件委托 例如ul中有很多li,一般是给li上添加事件 若想提高性能,需要将事件委托给li的父元素ul 方法 ↓ 解决方法就是采用事件委托,将在li 对象上面要处理的事件委托给父元素或者祖先元素,即为父元素绑定事件监听。修改代码如下所示:<script>(function () { var a = ...
分类:
编程语言 时间:
2016-11-27 16:29:43
阅读次数:
171
zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto。整个event模块不长,274行,我们可以看到,整个event模块,事件绑定核心就是on和off,还有一个trigger用来触发,类观察者 ...
分类:
编程语言 时间:
2016-11-22 20:04:39
阅读次数:
416
本节要点:1.干预系统的事件处理机制(一)DOM事件流 (二)停止事件冒泡 (三)阻止事件的默认行为 1.干预系统的事件处理机制 (一)DOM事件流 DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML元素上产生一个事件时,该事件会在DOM树中元素节点与根节点之间按特定的 ...
分类:
编程语言 时间:
2016-11-18 21:41:47
阅读次数:
240
学习要点: 1.事件介绍 2.内联模型 3.脚本模型 4.事件处理函数 JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。 一.事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscape Navigat ...
分类:
其他好文 时间:
2016-11-18 16:02:00
阅读次数:
324
如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多 ...
分类:
编程语言 时间:
2016-11-14 20:24:41
阅读次数:
212