在浏览器中,事件作为一个极为重要的机制,给予JavaScript响应用户操作与DOM变化的能力;在NodeJS中,异步事件驱动模型则是提高并发能力的基础。
一、程序如何响应事件
程序响应外部的事件有两种方式:
1. 中断
操作系统处理键盘等硬件输入就是通过中断来进行的,这个方式的好处是即使没有多线程,我们也可以放心地执行我们的代码,CPU收到中断信号之后自动地转去执行相应的中断处理...
分类:
编程语言 时间:
2015-07-03 14:09:02
阅读次数:
174
JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给我们的开发提供更多的强大功能。最方便和强大的就是事件对象了,它们可以帮你处理鼠标和键盘方面的很多事情,此外我们还可以修改一般事件的捕获或者冒泡流的函数。
在上篇博客中我们已经对事件有了一个基本的认识,结尾处我们提到了事件处理函数。事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下...
分类:
编程语言 时间:
2015-07-03 09:14:18
阅读次数:
154
事件(或消息)是一种常用的软件设计模式,能够降低消息处理者和消息发布者的之间的耦合,比如J2EE里面的JMS规范。设计模式中的观察者模式(也叫发布/订阅模式),这对于javascript代码同样适用。之前写的JQuery相关博客中,详细介绍了JQuery的事件处理机制和特性,具体可以参考这个目录下的文章。JQuery事件处理其实就是使用了发布/订阅模式,包括它提供的命名空间机制、自定义事件都非常的棒,但是JQuery事件处理有一个缺陷:JQuery事件都是和DOM元素相关的,但是很多时候我们并不需要DOM元...
分类:
编程语言 时间:
2015-07-01 20:40:41
阅读次数:
133
JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击鼠标,敲击键盘了等等。当用户执行类似操作的时候,再去触发执行一系列代码作为用户操作的响应,这就是所谓的事件了吧。
事件一般是用于浏览器和用户操作进行交互,通常我们将JavaScript中的事件模型分为三种:内联模型、脚本模型和DOM2模型。
内联模型
是最传统的接单的一种处理事...
分类:
编程语言 时间:
2015-06-30 13:03:54
阅读次数:
147
JavaScript事件代理(事件委托),即把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务。
众所周知,DOM操作是十分消耗性能的。所以重复的事件绑定简直是性能杀手。而事件代理的核心思想,就是通过尽量少的绑
定,去监听尽量多的事件。
事件代理的核心思想:事件冒泡
.on( events [, selector ] [, data ], handler )
.delega...
分类:
编程语言 时间:
2015-06-30 10:55:43
阅读次数:
179
javascript 事件处理程序
1、普通事件处理程序
function showMessage(){
alert("clicked");
}
2、DOMO 级事件处理程序
//老方法
var btn=document.getElementById("myBtn");
//dom扩展方法 支持主流浏览器,类似jquery语法
var btn=...
分类:
编程语言 时间:
2015-06-27 16:34:48
阅读次数:
152
一、JavaScript事件和jQuery jQuery是一个开源的JavaScript文件,它不仅省略了开发人员索要处理的跨浏览器兼容性的问题,而且简化了JavaScript初学者所所不具备的高级编程技术,jQuery的JavaScript框架,对于JavaScript事件和所有常见的JavaS....
分类:
Web程序 时间:
2015-06-24 20:42:44
阅读次数:
115
JavaScript事件冒泡和事件委托付建宇-2 条评论接触JavaScript不久,学的东西也不是特别多。小雨就是习惯把平时学到的东西拿出来分享。一方面加强自己的印象,一方面可以让自己的经验为他人答疑解惑。我们知道JavaScript可以监控页面上元素的各种事件,常用的事件有很多,例如点击,鼠标移...
分类:
编程语言 时间:
2015-06-24 16:17:13
阅读次数:
166
javaScript事件(三)事件对象 一、事件 二、事件流 以上内容见:javaScript事件(一)事件流 三、事件处理程序 四、IE事件处理程序 以上内容见javaScript事件(二)事件处理程序 五、事件对象 1、认识事件对象 ...
分类:
编程语言 时间:
2015-06-24 14:46:59
阅读次数:
142
上篇已经介绍了DOM机制,主要是针对web页面结构及样式的设计。但是有了良好的界面设计还不够,还需要实现网页与用户的交互。我们的最终目的还是为用户服务,所以就需要用户来访问及操作web页。这就涉及到另一个概念:事件。
JavaScript事件是由访问Web页面的用户引起的一些列操作,比如用户点击。只有用户执行了某项操作之后才会去执行对应的代码。这部分的主要内容如下:
在事...
分类:
编程语言 时间:
2015-06-21 10:42:33
阅读次数:
193