EventUtils对象(2)

最新推荐文章于 2024-09-13 08:51:27 发布
原创 最新推荐文章于 2024-09-13 08:51:27 发布 · 973 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #windows #浏览器 #date #null #ie

本文详细介绍了如何使用JavaScript的EventUtil库进行事件监听，包括兼容不同浏览器和操作系统的技巧，以及事件对象的格式化处理，旨在提高用户体验并优化网页响应速度。

 

//检测是否是IE

var isIE = (navigator.userAgent.indexOf("compatible") > -1) && (navigator.userAgent.indexOf("MSIE") > -1);

 

//检测是否是window操作系统

var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");

 

var EventUtil = new Object;

//增加事件函数

EventUtil.addEventHandler = function(oTarget,sEvetnType,fnHandler){

    if(oTarget.addEventListener){

        oTarget.addEventListener(sEvetnType,fnHandler,false);

    }else if(oTarget.attachEvent){

        oTarget.attachEvent("on"+sEvetnType,fnHandler);

    }else {

        oTarget["on"+sEvetnType] = fnHandler;

    }

 

}

//删除事件函数

EventUtil.removeEventHandler = function(oTarget,sEvetnType,fnHandler) {

    if(oTarget.addEventListener){

        oTarget.removeEventListener(sEvetnType,fnHandler,false);

    }else if(oTarget.attachEvent){

        oTarget.detachEvent("on"+sEvetnType,fnHandler);

    }else {

        oTarget["on"+sEvetnType] = null;

    }

}

//兼容IE和其他浏览器

EventUtil.formateEvent = function(oEvent){

    if(isIE && isWin){

        oEvent.charCode = (oEvent.type=="keypress") ? oEvent.keyCode:0;

        oEvent.evetnPhase = 2;

        oEvent.isChar = (oEvent.charCode  > 0);

        oEvent.pageX = oEvent.clientX  + document.body.scrollLeft;

        oEvent.pageY = oEvent.clilentY + document.body.scrollTop;

        oEvent.preventDefault = function(){

            this.returnValue = false;

        }

        if(oEvent.type=="mouseout"){

            oEvent.relatedTarget = oEvent.toElement;

        }else if(oEvent.type=="mouseover"){

            oEvent.relatedTarget = oEvent.fromElement;

 

        }

        oEvent.stopPropagation = function(){

            this.cancelBubble = true;

        }

        oEvent.target = oEvent.srcElement;

        oEvent.timeStamp = (new Date()).getTime();

 

    }

    return oEvent;

}

EventUtil.getEvent = function(){

    if(window.event){

        return EventUtil.formateEvent(window.event);

    }

    return EventUtil.getEvent.caller.arguments[0];

}

 

fondOfJava
关注
174道 JavaScript 面试题，助你查漏补缺
Wscats
08-04 905
最近在整理 JavaScript 的时候发现遇到了很多面试中常见的面试题，本部分主要是作者在 Github 等各大论坛收录的 JavaScript 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 JavaScript 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，原文链接放在文章最下方，如果出现错误，希望大家共同指出！ 附笔记链接，阅读往期更多优质文章可移步查看，喜欢的可以给我点赞鼓励哦：https://github.com/Wscats/articles
event-utils:用ES6编写的Event utils系统
05-16
事件实用程序 用ES6编写的事件工具系统。 安装 npm install event-utils 用法 import EventEmitter from "event-utils" ; const emitter = new EventEmitter ( ) ; // foo on function callback1 ( arg ) { console . log ( "callback1 called" , arg ) ; } function callback2 ( ) { console . log ( "callback2 called" ) ; } function callbackOnce ( ) { console . log ( "callback called once" ) ; } emitter . on ( "foo" , callback1 )
EventUtil
PromiseCao的博客
09-29 470
EventUtil是为了平衡不同浏览器间实现事件的差异或事件方法的差异而存在的 以下EventUtil对象代码亲测可用，并包含详细注释 [点击该对象中每一个方法名（绿色字体）可直接跳转到本文中介绍该方法的部分] var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.ad...
EventUtilsDemo
03-27
观察者模式（Observer）完美的将观察者和被观察的对象分离开。举个例子，用户界面可以作为一个观察者，业务数据是被观察者，用户界面观察业务数据的变化，发现数据变化后，就显示在界面上。面向对象设计的一个原则是：系统中的每个类将重点放在某一个功能上，而不是其他方面。一个对象只做一件事情，并且将他做好。观察者模式在模块之间划定了清晰的界限，提高了应用程序的可维护性和重用性。 观察者设计模式定义了对象间的一种一对多的依赖关系，以便一个对象的状态发生变化时，所有依赖于它的对象都得到通知并自动刷新。 APP经过页面一和页面二到达页面三，页面三点击发消息按钮发送消息，页面一页面二接收到消息，更新UI，展示消息：
EventUtils对象
fondOfJava的专栏
05-05 1031
var EventUtil = new Object;//增加事件函数EventUtil.addEventHandler = function(oTarget,sEvetnType,fnHandler){ if(oTarget.addEventListener){ oTarget.addEventListener(sEvetnType,fnHandler,fal
转EventUtil
失去的记忆
04-23 1968
var EventUtil = new Object;/**//* 此方法用来给特定对象添加事件，oTarget是指定对象,sEventType是事件类型，如click、keydown等， fnHandler是事件回调函数/**/EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {
安卓EventUtils
最新发布
03-08
通过这种方式，任何对象都可以订阅特定类型的事件，并在其发生时得到通知。 #### 发布事件 当某个地方希望发送一条信息到所有的监听者那里去的时候就可以调用 `post()` 方法。 ```java // 假设有一个按钮点击事件...
eventutils:用于创作CloudEvents类型并从中生成应用程序存根的实用程序
04-11
EventUtils 该项目提供了3个操作云事件的元素。 从Go结构生成模式 将模式发布到此 该功能可以为那些CloudEvents类型生成函数和客户端。 提供了模式注册表的示例部署。 演练 cmd / typegen 该二进制文件基于Go...
commons-lang EventUtils.addEventListener();
01-14
### 使用 `EventUtils.addEventListener` 的方法 在 Apache Commons Lang 库中，`EventUtils` 类提供了用于简化事件监听器管理的方法。对于 `addEventListener` 方法的具体应用如下所示： 此方法允许向指定组件...
SpringBoot项目手写EventUtils事件分发器工具类
weixin_43899542的博客
06-30 534
首先工具类： package com.example.core.event.utils; import java.util.ArrayList; import java.util.Collection; import java.util.Collections; import java.util.Comparator; import java.util.List; import java.util.Map; import org.slf4j.Logger; import org.slf4j.Logger
探索事件相机的高效工具：event_utils
gitblog_01017的博客
09-13 993
探索事件相机的高效工具：event_utils 项目介绍 event_utils 是一个专注于事件相机（Event Camera）的实用库，旨在为事件相机的数据处理提供高效、灵活的解决方案。事件相机是一种新型传感器，能够以微秒级的分辨率捕捉场景中的亮度变化，生成事件流数据。event_utils 库通过提供多种功能模块，帮助开发者轻松处理和分析这些事件流数据，从而实现诸如运动估计、深度估计等高级视...
apache commons组件学习系列记录之lang3
热门推荐
小小懒羊羊
04-13 1万+
索引 说明 org.apache.commons.lang3 ArrayUtils,BooleanUtils,,StringUtils RandomUtils,RandomStringUtils, ClassUtils SerializationUtils StringEscapeUtils字符串转义,SystemUtils获取各种目录， NumberUtils用于判断
EventUtil对象详解
Featureme的博客
03-27 3092
EventUtil对象全见 以下EventUtil对象代码亲测可用，并包含详细注释 [点击该对象中每一个方法名（绿色字体）可直接跳转到本文中介绍该方法的部分] var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element.addEventListener){
java.util.EventListener使用
MennyFei
03-15 4102
package com.zhangfeiyan.collections.test; import java.util.Collection; import java.util.EventListener; import java.util.EventObject; import java.util.HashSet; import java.util.Iterator; public class
addEventListener注册事件进行传递参数的方法
hereson
05-12 1367
* import com.ycccc.utils.JEventDelegate  stage.addEventListener(MouseEvent.MOUSE_DOWN,JEventDelegate.create(mouseDownHandler,"a","b"));  function mouseDownHandler(e:MouseEvent,...arg) {  trace(e)  tra...
事件监听兼容写法——EventUtil
肖的博客
06-21 356
// EventUtil const EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { //DOM2级 element....
java事件模型——EventObject
m0_37941483的博客
05-28 8550
Java事件模型 一.java事件模型 java中的事件机制的参与者有3种角色： Event Eource： 具体的事件源，比如说，你点击一个button，那么button就是event source，要想使button对某些事件进行响应，你就需要注册特定的listener。 Event Object： 事件状态对象，用于 listener 的相应的方法之中，作为参数，一般存在于listerne...
【js】addEventListener() 用法
kkkkkkkk的博客
06-24 1万+
  addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 你可以向一个元素添加多个事件句柄。 你可以向同个元素添加多个同类型的事件句柄，如：两个 "click" 事件。 你可以向任何 DOM 对象添加事件监听，不仅仅是 HTML 元素。如： window 对象。 addEventLis...
java.util.EventListener
jiekou0376的博客
05-11 7061
1.监听器--门的监听器import java.util.EventListener; /** * DoorListener */ public interface DoorListener extends EventListener { void onMessage(String message); }2.监听器主体--门/** * Door */ public class D...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值