1.HTML事件处理程序 2.DOM0级事件处理程序 3.DOM2级事件处理程序 在线调试 W3School ...
分类:
Web程序 时间:
2016-04-25 22:30:18
阅读次数:
230
碰到几个问题,总结一下: DOM 0级与html事件需要加上on,DOM2在非ie下不需要,因为已经有了listen这个监听的东西,在ie下DOM2的attachEvent和detatchEvent需要加上on 注意: Internet Explorer 8 及更早IE版本不支持 addEventL ...
分类:
其他好文 时间:
2016-04-20 23:30:04
阅读次数:
199
目录
一、DOM0级事件处理
二、事件冒泡与事件捕获
三、DOM2级事件处理
四、IE事件处理程序及跨浏览器支持
五、事件对象
一、DOM0级事件处理事件,由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键,按下键盘某个按键,某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”,事件发生时便执行相...
分类:
编程语言 时间:
2016-04-12 16:01:17
阅读次数:
280
ecma:欧洲计算机制造商协会iso/iec:国际标准化和国际电工委员会 dom级别(10*)文档对象模型1:DOM核心(映射基于xml文档)与dom html(在dom核心基础上)2:对鼠标,事件,范围,遍历,还有对css样式表的支持dom2:新接口...视图,事件(鼠标,移动),样式(css), ...
分类:
Web程序 时间:
2016-04-10 01:07:33
阅读次数:
190
事件中的几种实现方式 Dom0时代 1、直接在html的属性中写JS代码 2、定义一个函数,赋值给html元素的onXXX属性 3、使用element.onXXX方式 Dom2时代 4、添加事件方式,使用addEventListener或IE专有的attachEvent 事件流 官方的定义:事件按照 ...
分类:
Web程序 时间:
2016-04-04 19:39:04
阅读次数:
200
事件绑定分两种: 1.传统事件绑定(内联模型,脚本模型) 2.现代事件绑定(DOM2级模型) //更强大更方便 由于传统事件绑定window.onload有覆盖问题,即只能注册一次事件,所以下面只讲现代事件绑定。 1.W3C事件处理函数 addEventListener() //添加事件 remov ...
分类:
编程语言 时间:
2016-03-31 01:40:47
阅读次数:
175
#事件流 事件捕获:由document向事件触发的元素捕获 事件冒泡:由触发事件的元素向上级触发 #事件处理程序 HTML事件处理程序 或者 DOM0级事件处理程序 #DOM2级事件处理程序 定义了两个方法: addEventListener()添加事件 removeEventListener()移... ...
分类:
其他好文 时间:
2016-03-27 21:22:47
阅读次数:
247
JS事件模型分为四种 1、原始事件模型:属性事件处理模式 2、标准事件模型:DOM2对其作了标准化 3、IE事件模型(IE5.5\IE6) 4、 Netscape事件模型 事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)". js指定事件处理程序:var x=doc
分类:
其他好文 时间:
2016-03-21 00:14:53
阅读次数:
183
一般来说,可以直接封装成这种形式: addEventListener的使用方式:主要是DOM2级 target.addEventListener(type, listener, useCapture); target就是要注册事件的对象 type就是事件类型 比如“click" listener就是
分类:
其他好文 时间:
2016-03-18 21:47:40
阅读次数:
213
//定义一个EventUtil对象
varEventUtil={
//兼容浏览器注册事件处理程序
addHandler:function(element,type,handler){
//该方法接受3个参数:要操作的元素,事件名称和事件处理程序函数
if(element.addEventListener){//检查传入的元素是否存在DOM2级方法
element.addEventList..
分类:
Web程序 时间:
2016-03-11 19:07:08
阅读次数:
198