JavaScript实现为指定对象添加多个事件处理程序的方法

 更新时间:2015年04月17日 09:59:11   作者:dingding  
这篇文章主要介绍了JavaScript实现为指定对象添加多个事件处理程序的方法,可实现让指定对象处理多个事件的功能,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JavaScript实现为指定对象添加多个事件处理程序的方法。分享给大家供大家参考。具体如下:

如果你希望对象点击的时候同时处理多个事情,可以使用下面的代码

/* Start of the multihandle Object...*/
function MultiHandle(owner){
 var my_handlers = new Array();
 var my_owner = owner;
 this.append = function(handler){
  my_handlers[my_handlers.length] = handler;
 }
 this.fire = function(evt){
  var i;
  for(i = 0; i < my_handlers.length; i++){
   my_owner.tempspace = my_handlers[i];
   my_owner.tempspace(evt);
  }
 }
}
/* End of the multihandle object*/
/* start of the object add event handler script */
 
/*This bit goes where you'd normally write...
... object.onmouseup = [event handler]...
... where [event handler] is an existing function ...
... that handles an event, or even an
... anonymous function.*/
if(typeof(MultiHandle) != "undefined"){
 var mup_handler = object.mh_onmouseup;
 if(!mup_handler){
  mup_handler = new MultiHandle(object);
  object.mh_onmouseup = mup_handler;
  object.onmouseup = function(evt){
  this.mh_onmouseup.fire(evt);
  };
 }
 mup_handler.append([event handler]);
}else{
 object.onmouseup = [event handler];
}

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 用javascript实现的支持lrc歌词的播放器

    用javascript实现的支持lrc歌词的播放器

    用javascript实现的支持lrc歌词的播放器...
    2007-05-05
  • JS CSS文章查看系统

    JS CSS文章查看系统

    自己写了个JS+CSS的小东西,用来看提升用户体验的。 Name:WindowsTextShow;
    2008-12-12
  • JavaScript设计模式经典之工厂模式

    JavaScript设计模式经典之工厂模式

    工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。接下来通过本文给大家介绍JavaScript设计模式经典之工厂模式,感兴趣的朋友一起学习吧
    2016-02-02
  • 关于ES6中数组新增的方法详解

    关于ES6中数组新增的方法详解

    数组(Array)是有序的元素序列,若将有限个类型相同的变量的集合命名,那么这个名称为数组名,下面这篇文章主要给大家介绍了关于ES6中数组新增方法的相关资料,需要的朋友可以参考下
    2022-03-03
  • 小程序实现轮播每次显示三条数据

    小程序实现轮播每次显示三条数据

    这篇文章主要为大家详细介绍了小程序实现轮播每次显示三条数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • js点击文本框后才加载验证码实例代码

    js点击文本框后才加载验证码实例代码

    这篇文章是一段关于js点击文本框后才加载验证码实例代码,而不是直接显示验证码,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • 一文让你彻底弄懂js中undefined和null的区别

    一文让你彻底弄懂js中undefined和null的区别

    JavaScript是一门动态类型语言,元素除了表示存在的空值外,还有可能根本就不存在,这就是undefined存在的原因,这篇文章主要给大家介绍了关于undefined和null区别的相关资料,需要的朋友可以参考下
    2022-03-03
  • Javascript匿名函数的一种应用 代码封装

    Javascript匿名函数的一种应用 代码封装

    说实话,对于js初学者的我来说。这个东西太吓人了,在这些JS库中,这个函数基本上把整个库的所有代码全括起来了,这种写法完全超越了我的常识。
    2010-06-06
  • js使用xml数据载体实现城市省份二级联动效果

    js使用xml数据载体实现城市省份二级联动效果

    这篇文章主要为大家详细介绍了js使用xml数据载体实现城市省份二级联动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JS不同运算符下隐式类型转换的实现示例

    JS不同运算符下隐式类型转换的实现示例

    隐式转换就是自动转换,通常发生在一些数学运算中,本文就来介绍一下JS不同运算符下隐式类型转换的实现示例,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12

最新评论