【Event事件跨浏览器封装】的更多相关文章

Event事件跨浏览器封装

var Event = { //注册事件 addEvent: function(element,type,handler){ if(element.addEventListener){ //DOM2级 element.addEventListener(type,handler,false); //false为冒泡,true为捕获 }else if(element.attachEvent){ //IE element.attachEvent("on"+type,function(){ /…

js event 事件兼容浏览器 ie不需要 event参数 firefox 需要

js event 事件兼容浏览器    ie不需要 event参数   firefox 需要 <!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">…

JS-DOM2级事件对象跨浏览器处理（已封装）

var eventUill = { //添加事件 addHander: 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 中的方法及用法

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

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

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

JavaScript跨浏览器处理事件以及相关对象

主流的浏览器和IE浏览器在处理事件和事件对象上是有所区别的,我们一般会通过EventUtil进行封装,这样,就可以正常的跨浏览器处理事件了,本文的主要内容总结自<JavaScript高级程序设计3>. var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){ element.addEventListener(type,handler,false); //使用DO…

JS跨浏览器的事件处理

1. 事件流 事件:用户或浏览器自身执行的某种动作.如click(点击事件).mouse***(鼠标事件). 事件流:页面中接收事件的顺序,也可理解为事件在页面中传播的顺序. DOM事件流包括三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 IE 采用事件冒泡的方式(div-->body-->html-->Document) NetScape 采用事件捕获的方式(Document-->html-->body-->div) DOM 采用先捕获后冒泡的方式 2. 事件处…

关于event 和 window.event问题及浏览器兼容问题

< html> < script language="javascript"> function test(event) { event = event || window.event; if(event.keyCode==13){ alert("你按了回车") } if(event.shiftKey==true) { alert("你按了shift") } if(event.ctrlKey==true){ alert(&…

javascript event事件兼容性处理

ie 6-8支持event事件,ff浏览器不支持 获取鼠标点击位置的坐标 document.onclick = function(){ alert(event.clientX +"-"+ event.clientY) } ff浏览器支持传参自带的event事件 获取鼠标点击位置的坐标 document.onclick = function(ev){ alert(ev.clientX +"-"+ ev.clientY) } 因此可以做一个兼容ie和ff的事件 获取鼠标…

跨浏览器的javascript事件的封装

一,跨浏览器的事件处理程序 1,DOM0级处理事件 将一个函数赋值给一个事件处理程序属性. 事件流:冒泡阶段. 使用: 为元素增加事件: var btn = document.getElementById("myBtn"); btn.onclick = function(){ alert(this.id); } 删除事件: btn.onclick = null; 2,DOM2级事件处理程序 两个方法:addEventListener()和removeEventListener() 三个…