EventUtil和addEventListener

事件处理程序（addEventListener 和 attachEvent）

1.addEventListener 和 removeEventListener 接收三个参数:要处理的事件名.作为事件处理程序的函数和布尔值缺点:不兼容IE <body> <input type="button" value="按钮3" id="btn3"> </body> <script type="text/javascript"> function showMes(ev

跨浏览器事件EventUtil

<div style="width: 150px; height: 150px; padding: 25px; border:1px solid blue; " id="divBox"> <p style="width: 100px; height: 100px; padding:25px; border:1px solid red; " id="pBox"> <span style="

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

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

eventUtil

var eventUtil = { // 添加句柄 addHandler: function(element, type, handler) { if(element.addEventListener) { element.addEventListener(type, handler, false); } else if(element.attachEvent) { element.attachEvent('on' + type, handler); } else { element['on'

EventUtil 根据IE自动适配事件

var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["

事件监听addEventListener()和removeEventListener() ---------1

一直想写一个原生事件监听的记录,方便以后看,不愿意写主要是事件监听的单词太长,记起来好难记每次都要查,这次把知道的写完了,来这里查好了,以后要是理解的更透彻了,就再补全好了首先,DOM0级事件和DOM2级事件给一个元素添加事件有三种方法 HTML <input type="button" value='button1' id='btn1' /> <input type="button" value='button2' id='btn2' /&g

JavaScript高级程序设计之EventUtil

简单的通用事件方法 var EventUtil = { getEvent: function (e) { return e || window.event; }, getTarget: function (e) { return e.target || e.srcElement; }, preventDefault: function (e) { if (e && e.preventDefault) { e.preventDefault(); } else { window.event.r

封装cookie.js、EventUtil.js、

最近学习了javascript,封装好的东西看起来舒服,以备需要的时候拉出来,jquery对javascript做了很好的封装!以后会多用jquery多些 var CookieUtil = { get: function (name){ var cookieName = encodeURIComponent(name) + "=", cookieStart = document.cookie.indexOf(cookieName), cookieValue = null, cookie

EventUtil.addHandler方法

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

【前端】跨浏览器事件处理程序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

Javascript之浏览器兼容EventUtil

var EventUtil = { //添加事件处理程序 addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); //DOM2中定义的事件处理程序,IE9,Firefox,Safari,Chrome和Opera支持此方法. } else if (element.attachEvent) { elem

EventUtil对象

var EventUtil = { addHandler : function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false) }else if(element.attachEvent){ element.attachEvent("on"+type,handler) }else{ element["on"+type] =

封装常用的跨浏览器的事件对象EventUtil

var EventUtil = { addHandler: function(element,type,handler) { //事件监听 if(element.addEventListener) { element.addEventListener(type,handler,false); }else if(element.attachEvent) { element.attachEvent("on"+type,handler); }else { element["on&q

跨浏览器的事件对象EventUtil

var EventUtil = function(){ /*--addHandler--*/ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else{ element.attachEvent(‘on’+type,handler); } }, /*--getEvent--*/ getEvent:functi

addEventListener和attachEvent介绍, 原生js和jquery的兼容性写法

也许很多同仁一听到事件监听,第一想到的就是原生js的 addEventListener()事件,的确如此,当然如果只是适用于现代浏览器(IE9.10.11 | ff, chorme, safari, opera(非windows系统自带,可安装的Browsers) ),你只需要了解这一个事件的正确拼写和参数就OK啦. 但是小生仅今天要介绍的是添加事件监听的兼容性写法,所以,如果同仁们无需做兼容的话,建议只是了解或略过哈/.... 首先,介绍一下,事件监听的事件有两个,对,你没听错,是两个:

DOM事件里封装方法eventUtil

var eventUtil={ //添加句柄 addHandler:function (element,type,handler) { //element相当于btn2,type此时用的是click类型的,没有on,handler是相当于handler if (element.addEventListener){//DOM2级处理程序 element.addEventListener(type,handler,false); }else if(element.attachEvent){//IE事

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阻止事件冒泡 (

事件处理程序EventUtil

/**********事件处理程序***********EventUtil.js*浏览器兼容,<高三>13章 P354*2014-12-8********************************/var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(typ

EventUtil和addEventListener

热门专题