当前位置:首页 > 日记 > 正文

js实现了一些跨浏览器事件的方法和示例。

js实现了一些跨浏览器事件的方法和示例。
js实现了一些跨浏览器的事件方法

使用Javascript来实现事件的绑定和删除以及一些常见事件属性的获取,我们应该考虑到不同浏览器的兼容性。
无功eventutil = { {
函数(元素,类型,处理程序){添加事件
如果(元。addEventListener){
element.addeventlistener(类型、处理程序、错误);
} else if(元。attachevent){ / / IE注意:此时,事件处理程序将运行在全球范围内,这样的事件,是受attachevent等于窗口中的事件处理函数在这个时间,所以我们要注意使用的时候。
element.attachevent(+型,处理程序);
{人}
元素+类型=处理程序;
}
},

关闭:函数(元素,类型,处理程序)
如果(元。removeEventListener){
element.removeeventlistener(类型、处理程序、错误);
如果(元。detachevent){ }
element.detachevent(+型,处理程序);
{人}
元素+类型} = null;
}
},

匀:功能(事件){ / *返回一个引用对象的事件。
返回事件:window.event;
},

gettarget:功能(事件){ / *返回事件的目标。
返回event.srcelement | | event.target;
},

PreventDefault:功能(事件){ / * * /取消事件的默认行为
如果(事件。preventDefault){
Event.preventDefault();
{人}
event.returnvalue = false;
}
},

里面的功能(事件){ / *停止事件。
如果(事件。里面){
event.stoppropagation();
{人}
event.cancelbubble =真;
}
},

/ *鼠标悬停和mouserout这两事件相关的鼠标指针从一个元素移动到另一个在边界内的元素的边界。* /
取得相关的目标:功能(事件){
如果(事件。relatedtarget){
返回event.relatedtarget;
} else if(事件。toelement){ / / IE8 mouserout事件
返回event.toelement;
} else if(事件。fromelement){ / / IE8 mouseover事件
返回event.fromelement;
{人}
返回null;其他事件
}
}
};

电话如下:
eventutil.on(文档,点击功能(事件){ / /文档元素绑定单击事件
事件= eventutil.getevent(事件); / /获取事件的事件对象
警报(屏幕坐标:event.screenx + +
});
本文是基于第三版的Javascript高级程序设计。

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。

相关文章

ps制作了一个非常漂亮的金色纹理立

ps制作了一个非常漂亮的金色纹理立

立体字,纹理,金色,漂亮,电脑软件,今天,我们分享了美丽的黄金质地的PS,我们将详细解释! 步 首先我们新建一个图层,把背景设置为黑色,然后点击字体,简单就可以,不需要太复杂! 使用转折点工具调整和拖动形状,使形状看起来很厚。 为了更好的调整,我们可…

PS图象处理软件是划过夜空的流星的

PS图象处理软件是划过夜空的流星的

动画,图象,处理软件,夜空,流星,这是一个基本的PS图象处理软件教程,主要为您介绍PS图象处理软件动画面板的使用使流星划过的夜空的GIF动画图片。 1,按Ctrl + N创建一个新图片。 2。使用油漆桶工具用黑色填充背景图层。 三.在背景中新建一层 4…

实现笔记本的多种启动方式加快笔记

实现笔记本的多种启动方式加快笔记

启动方式,启动,多种,速度,电脑软件,启动程序或服务在笔记本电脑启动太多了。如果它同时启动,则会减慢系统的启动速度。如果你直接禁用的项目,它将加快启动自然,但这不是一个完美的方式,它会导致很多功能无法使用。如果启动程序被延迟或启动时默…

角NG重复遍历页面执行其他操作。

角NG重复遍历页面执行其他操作。

执行,操作,遍历,页面,电脑软件,角重复遍历绘制 有时我们需要在业务中异步获取数据,并在重复遍历完成页面之后执行一些操作。角本身不提供指示监控器重复绘制,因此它需要自己写的。有经验的同学应该知道,在内部NG重复模板实例会暴露出一些特殊…

在WPS文本中保存文档的几种方法

在WPS文本中保存文档的几种方法

文档,几种方法,电脑软件,WPS,文本中,在WPS文本操作中有几种保存文档的方法,这个操作非常方便,你可以选择你想要保存的方式。 在WPS文本中保存文档的方法 要快速保存WPS文本文件,请在快速访问工具栏上点击保存; 。 位置:界面的左上角,WPS文本下…

PS的出现有什么影响

PS的出现有什么影响

有什么,电脑软件,PS,今天,我想在许多初学者介绍羽化效果的相关分析是不是对这个问题很清楚。让我们给你介绍一下。 步: 1、打开PS软件,选择椭圆盒选择工具,并在属性列中设置0像素的羽化值; 2,在新文档中画一个圆; 三.填充颜色,如图所示。 4,然后…

绘制一个简单而清爽的DNA链

绘制一个简单而清爽的DNA链

绘制,清爽,简单,电脑软件,DNA,本教程让你对路径有更深的理解,你也可以让你更精通各种工具,我希望你能学会享受它。 本教程的结束,上面是插画绘制一个简洁而新鲜的DNA链的方法介绍,操作很简单,你有没有学习过我希望这篇文章能对你有所帮助!…

excel如何根据出生日期计算一个人

excel如何根据出生日期计算一个人

日期计算,年龄,电脑软件,excel,假设第一个生日位于B2细胞,请输入C2细胞;= datedif(B2,今天();y)和阻力公式下来填满整个柱的要求,datedif功能在Excel 2007中没有正式的描述,和Excel提供了这功能只有保持与其他形式的兼容性。该函数的第一个变量是开始…

js返回只包含数字类型的数组实例分

js返回只包含数字类型的数组实例分

数组,数字,类型,实例分析,电脑软件,本文演示了一种JS只返回数字类型的数组实现方法: 效果:js123ldka78sdasfgr653 = > { 12378653 } 一般的做法 分析uff1a 1。循环字符串的每个字符,是数个拼接在一起的,不是数字,给他一个空逗号。 2。将每…

使用表格打印列除了输出技能

使用表格打印列除了输出技能

输出,表格,技能,电脑软件,子宫法: 由于微软的Office组件之一带有Word列功能,我们可以使用excel表单来粘贴单词列,打印输出。 1、在任意单元格在excel表格中单击(即光标在任意一个数据单元的形式),按Ctrl + A(按Ctrl键,然后单击字母键)选择整个表格…

函数TRUNC使用(),(),()的圆形细胞,地板在Ora

函数TRUNC使用(),(),()的圆形细胞,地板在Ora

细胞,函数,地板,电脑软件,Oracle,1.round功能(四RMS和五项) 描述:返回一个值,该值是四个和五个输入操作的结果,根据指定的十进制元素的数量。 参数: 数字:处理欲望的价值 decimal_places:四到五和几位小数(预设0) 从双圆中选择圆(123.456,0);返回123…

PS图象处理软件画手绘的太阳

PS图象处理软件画手绘的太阳

手绘,图象,处理软件,电脑软件,PS,我们在这里讨论的是简单的手太阳图。晕的效果是通过选择羽化功能。 1。新的画布,键盘快捷键是Ctrl + N。 2。在工具栏中找到渐变工具,按Shift键,在画布上渐变渐变为蓝色到白色。 三.新层被命名为太阳。 4。在…