EventUtil.addHandler方法

【EventUtil.addHandler方法】的更多相关文章

EventUtil.addHandler方法

EventUtil.addHandler: addHandler 方法,职责是分别视情况而定来使用DOM0级方法.DOM2级方法或IE方法来添加事件. 这个方法属于一个名字叫EventUtil的对象,可以使用这个对象来处理浏览器间的差异. addHandler() 方法接受3个参数:要操作的元素.时间名称和事件处理程序函数. 与addHandler()方法对应的方法是removeHandler(),它也接受相同参数.这个方法的指责是移除之前添加的事件处理程序-------无论该事件处理程序是…

跨浏览器的事件对象-------EventUtil 中的方法及用法

什么是EventUti----封装好的事件对象在JavaScript中,DOM0级.DOM2级与旧版本IE(8-)为对象添加事件的方法不同为了以跨浏览器的方式处理事件,需要编写一段“通用代码”,即跨浏览器的事件处理程序习惯上,这个方法属于一个名为EventUtil的对象编写并使用该对象后,可保证处理事件的代码能在大多数浏览器下一致的运行 var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element…

js 浏览器兼容的一些方法

使用js是一件令人很抓狂的事情,很多的浏览器兼容,一大推的代码,谁的脑袋能记住那么多的东西,只有平时多积累,所谓熟能生巧嘛..这里列出一些常用的兼容代码,一点点积累哈~~~ 一.以跨浏览器的方式处理事件.这个叫EventUtil对象定义了一些方法,用来处理各浏览器之间的差异. var EventUtil={ addHandler:function(element,type,handler){//绑定事件 i…

拥抱 HTML5：storage 简介以及使用方法

前言 storage 其实是个很简单的东西,基本上只要知道 javascript 中对象的概念,然后读完此文,storage 的用法也就了然于胸了. 简单来说,你可以把 storage 想象成是储存在客户端(浏览器)中的一些 javascript 对象,那么有什么用呢?举个简单的例子,百度搜索会把你每次的搜索关键字用 storage(localStorage) 存储下来,那么下次你再搜索相同的内容的时候,它会优先将你曾经搜过的内容进行下拉展示. 关于 storage 的内容,可以用 chrome…

【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解

<javascript高级程序设计>跨浏览器事件处理程序EventUtil.js个人注释 EventUtil.js // 跨浏览器事件处理程序封装 var EventUtil = { // 添加事件句柄 addHandler: function(element, type, handler){ // DOM 2 级事件处理程序 if (element.addEventListener){ element.addEventListener(type, handler, false); } //…

EventUtil——跨浏览器的事件对象

. 首页博客园联系我前言:什么是EventUtil?. EventUtil对象全见. addHandler方法. removeHandler方法. event对象与getEvent方法. target对象与getTarget方法. preventDefault方法. stopPropagation方法. “相关元素”与getRelatedTarget方法. getButton方法. getWheelDelta方法. getCharCode方法. 留言评论返回顶部前言:什么是EventU…

[H5表单]一些html5表单知识及EventUtil对象完善

紧接着上面的文章,一开始准备一篇文章搞定,后来看到,要总结的东西还不少,干脆,把上面文章拆成两部分吧,这部分主要讲讲表单知识! 表单知识 1.Html5的autofocus属性. 有个这个属性,我们不用js就能自动把焦点移动到相应的字段. 例如: <input type="text" value="" autofocus /> 2.获取选择的文本很久之前,我写过一个关于编辑器的文章.javascript execCommand,复文本框神器. 今天我主…

数组练习：各种数组方法的使用&&事件练习：封装兼容性添加、删除事件的函数&&星级评分系统

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

EventUtil处理js兼容性问题

var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListener(type,handler,false); //使用DOM2级方法添加事件 }else if(element.attachEvent){ //使用IE方法添加事件 element.attachEvent("on"+type,handler); }el…

事件对象（示例、封装函数EventUtil()）

事件对象什么是事件对象? 在触发DOM上的事件时都会产生一个对象. 事件对象event 1.DOM中的事件对象 (1)\type属性用于获取事件类型 (2)\target属性用于获取事件目标 (3)\stopPropagation()方法用于阻止事件冒泡 (4)\preventDefault()方法用于阻止事件的默认行为 2.IE中的事件对象 (1)\type属性用于获取事件类型 (2)\srcElement属性用于获取事件目标 (3)\cancelBubble属性 true阻止事件冒泡 (…