1.事件流事件流是描述页面接收事件的顺序先有三种;事件冒泡、事件捕获、dom2级事件流事件冒泡,事件捕获,dom2级事件流,2、浏览器实现情况3、事件和事件处理程序的概念事件,事件处理程序,4、添加事件处理程序的几种方法1)html事件处理程序2)dom0级事件处理程序3)don2级事件处理程序4)...
分类:
编程语言 时间:
2015-08-17 17:11:53
阅读次数:
157
在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.1.原始事件模型其事件类型:分为"输入事件(如onclicki)"和"...
分类:
编程语言 时间:
2015-08-13 19:52:25
阅读次数:
155
AngularJS 初始化加载流程:1:浏览器载入HTML,然后把它解析成DOM2:浏览器载入Angular.JS 脚本3:AngularJS 等到DOMContentLoaded时间触发4:AngularJS寻找ng-app 指令,这个指令指示了应用的边界5:使用ng-app 中指定的模块来配置注...
分类:
Web程序 时间:
2015-08-09 00:20:45
阅读次数:
158
1--什么是DOM事件处理程序?
首先要理解什么是DOM?Dom是针对HTML文档的一个API。什么是事件流?事件流分为:事件冒泡(IE的事件流)和事件捕获。事件冒泡就是由最具体的元素开始接收,然后逐级向上;事件捕获就是由不太具体的元素开始接收,逐级向下,最具体的元素最后才接收到事件。
DOM事件处理程序分为DOM0级、DOM2级。DOM0级具有简单,跨浏览器的优势,它是把函数赋值给...
分类:
Web程序 时间:
2015-07-28 10:46:13
阅读次数:
164
在《【CSS】禁止Google浏览器允许定义调整多行文本框》(点击打开链接)中已经提及过如何使多行文本框Textarea在一些DOM2的浏览器中固定下来。
这不,多行文本框Textarea在IE中也存在一些样式上的缺陷了。
一个普通的,没有加任何定义的文本框,如下:
其在IE的效果就如同左侧一样,在没有输入任何文字,就出现垂直滚动条很不雅观,尤其是在一些不打算给用户输入过多文本的情况下
...
分类:
Web程序 时间:
2015-07-16 16:48:05
阅读次数:
125
在js中触发一个事件的时候,会产生一个事件对象,也就是函数处理程序中的event,通过event我们可以访问到所有与事件有关的信息,如事件的类型、事件发生对象等等。需要注意的是关于event对象IE 和 非IE在支持方式不同。DOM中的事件对象不管是标签内绑定事件,DOM0级还是DOM2级,事件处理程序都会传入一个event。<button id="myBtn" onclick="alert(eve...
分类:
编程语言 时间:
2015-07-11 15:09:01
阅读次数:
171
“DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段事件捕获:不太具体的节点应该更早的接收到事件,而最具体的节点应该最后接收到事件;(DOM2规范要求从document开始传播,但是浏览器从window对象开始传播)事件冒泡:最具体的节点先接收到事件,然后逐级向上传播...
分类:
其他好文 时间:
2015-07-05 22:33:08
阅读次数:
215
事件绑定分为两种:一种是传统事件绑定(内联模型、脚本模型),一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定的基础上为我们提供了更强大更方便的功能。
传统事件绑定的问题
因为内联模型很少用,这里不做讨论。先来看一下脚本模型,将一个函数赋值给一个事件处理函数。
var box=document.getElementById('box');
bo...
分类:
编程语言 时间:
2015-07-04 08:30:22
阅读次数:
200
JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击鼠标,敲击键盘了等等。当用户执行类似操作的时候,再去触发执行一系列代码作为用户操作的响应,这就是所谓的事件了吧。
事件一般是用于浏览器和用户操作进行交互,通常我们将JavaScript中的事件模型分为三种:内联模型、脚本模型和DOM2模型。
内联模型
是最传统的接单的一种处理事...
分类:
编程语言 时间:
2015-06-30 13:03:54
阅读次数:
147
javascript 事件处理程序
1、普通事件处理程序
function showMessage(){
alert("clicked");
}
2、DOMO 级事件处理程序
//老方法
var btn=document.getElementById("myBtn");
//dom扩展方法 支持主流浏览器,类似jquery语法
var btn=...
分类:
编程语言 时间:
2015-06-27 16:34:48
阅读次数:
152