var EventUtill = {
addEvent:function(ele,fnName,FN){
if(ele.addEventListener)
{
ele.addEventListener(fnName,FN,false);
}
else if(ele.attachEvent)
{
ele.attachEvent("on"+fnName,function(){
FN.apply(ele,arguments);
})
}
else{
ele["on"+fnName] = FN;
}
},
removeEvent:function(ele,fnName,FN){
if(ele.removeEventListener)
{
ele.removeEventListener(fnName,FN,false);
}
else if(ele.detachEvent)
{
ele.detachEvent("on"+fnName,FN);
}
else{
ele["on"+fnName] = null;
}
},
stopPropagation:function(e){
if(e.stopPropagation)
{
e.stopPropagation();
}
else{
e.cancelBubble = true;
}
},
stopPrevent:function(e){
if(e.preventDefault)
{
e.preventDefault();
}
else{
e.returnValue = false;
}
}
简单封装事件处理程序,兼容浏览器
时间: 2024-10-01 02:43:48
简单封装事件处理程序,兼容浏览器的相关文章
js学习笔记:事件——事件流、事件处理程序、事件对象
Javascript与HTML之间的交互是通过事件实现的. 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 可以使用侦听器来预定事件,以便事件发生时执行相应代码. 事件流 事件流描述的是从页面中接受事件的顺序. 事件冒泡 IE的事件流叫做事件冒泡,即事件开始是由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档). 如果点击了页面中的一个div元素,那么这个click事件可能会按照如下顺序传播: < div> < body> < html> docume
事件和事件处理程序
事件:用户或浏览器自身执行的某种动作.诸如:click.load.mouseover等. 事件处理程序(事件侦听器):响应某个时间的函数.以"on"开头. html方法: 某个元素支持的每种事件,都可以使用一个与之相应事件处理程序同名的HTML特性来制定.这个特性的值是可以执行的js代码. 例如:要在按钮被单击时执行一些js,可如下: <input type="button" value="click me" onclick="a
探究JavaScript中的五种事件处理程序
我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务器运算负载的一种手段. 通俗地理解,事件就是用户或浏览器自身执行的某种操作.而事件处理程序即为响应某个事件的函数.抽出主干,即事件处理程序为函数. 我们又把事件处理程序称为事件侦听器. 事件处理程序是以"on"开头的,因此对于事件on的时间处理程序即为onclick.时间处理程序在JavaScript中大致有五种,下面会根据这五种
JavaScirpt中的事件处理程序
事件处理在JS中可谓是点睛一笔,JS的事件处理程序使得JS成为了网页交互层的第一把交椅.那么,JS中有几种事件处理程序呢? 1.DOM0级事件处理程序 通过JS指定事件处理程序的传统方式,就是将一个函数添加给一个对象的事件处理程序.这种方式为现代所有的浏览器所用.原因一是方便简单,原因二是可以实现跨浏览器. 1 var oA = document.getElementsByTagName("a")[0]; 2 oA.onclick = function(){ 3 alert(this.
指定事件处理程序的几种方式
通过指定事件处理程序可以侦听事件的发生并对其作出响应,已达到某种交互目的.那么指定事件处理程序的方式有哪些呢? 比如有以下代码: <input id="btn" type="button" value="click me" /> 要求为按钮指定一个单击事件处理程序,即单击按钮时输出相应信息. 1.HTML事件处理程序 某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的HTML特性来指定.特性的值可以是能够执行的js代码.
js跨浏览器事件对象、事件处理程序
项目中有时候会不用jquery这么好用的框架,需要自己封装一些事件对象和事件处理程序,像封装AJAX那样:这里面考虑最多的还是浏览器的兼容问题,原生js封装如下:var EventUtil={ //节点.事件名.事件处理函数 addHanler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//这里一个参数为false意为在事件冒
javascript将DOM事件处理程序封装为event.js 出现的低级错误记录
将 DOM 0级事件处理程序和DOM2级事件处理程序 IE事件处理程序封装为eventUtil对象,达到跨浏览器的效果.代码如下: var eventUtil = { // 添加事件句柄 addEventHandler:function (element,type,handler) { if (element.addEventListener) { element.addEventListener(type, handler,false); }else if(element.attachEven
现代事件处理程序和Event对象对浏览器兼容性的判断和解决
兼容性问题的解决: 因为 IE 和 DOM 对于现代事件处理程序指派的方式不同,为了保证我们编写的代码在 IE 和 DOM浏览器系列下都能用,我们可以用如下代码来解决兼容性问题: var fnClick1 = function() { aleart("我被点击了";) } var fnClick2 = function() { aleart("我也被点击了";) } var oDiv = document.getElementById("div1"
009天之跨浏览器的事件处理程序
为了以?跨浏览器方式处理事件,我们可以使用一些可以隔离浏览器差异的js库.由于业务需求,有时候我们需要写一些我们自己封装一些兼容代码. 比如创建一个addHandler(),它的职责是视情况分别使用DOM0级方法,DOM2级方法或IE方法来添加事件.然后addHandler()方法接受三个参数:要操作的元素,事件名称,和事件处理程序函数. 与addHandler();对应的方法是removeHandler(),它也接受同样的参数,这个的职责是移除之前添加的事件处理程序.无论这个事件是采取什么方式