JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法
本文實例講述了JavaScript實現(xiàn)為指定對象添加多個事件處理程序的方法。分享給大家供大家參考。具體如下:
如果你希望對象點擊的時候同時處理多個事情,可以使用下面的代碼
/* 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程序設(shè)計有所幫助。
相關(guān)文章
用javascript實現(xiàn)的支持lrc歌詞的播放器
用javascript實現(xiàn)的支持lrc歌詞的播放器...2007-05-05
JavaScript設(shè)計模式經(jīng)典之工廠模式
工廠模式定義一個用于創(chuàng)建對象的接口,這個接口由子類決定實例化哪一個類。接下來通過本文給大家介紹JavaScript設(shè)計模式經(jīng)典之工廠模式,感興趣的朋友一起學(xué)習(xí)吧2016-02-02
小程序?qū)崿F(xiàn)輪播每次顯示三條數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)輪播每次顯示三條數(shù)據(jù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-06-06
一文讓你徹底弄懂js中undefined和null的區(qū)別
JavaScript是一門動態(tài)類型語言,元素除了表示存在的空值外,還有可能根本就不存在,這就是undefined存在的原因,這篇文章主要給大家介紹了關(guān)于undefined和null區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-03-03
Javascript匿名函數(shù)的一種應(yīng)用 代碼封裝
說實話,對于js初學(xué)者的我來說。這個東西太嚇人了,在這些JS庫中,這個函數(shù)基本上把整個庫的所有代碼全括起來了,這種寫法完全超越了我的常識。2010-06-06
js使用xml數(shù)據(jù)載體實現(xiàn)城市省份二級聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了js使用xml數(shù)據(jù)載體實現(xiàn)城市省份二級聯(lián)動效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11
JS不同運算符下隱式類型轉(zhuǎn)換的實現(xiàn)示例
隱式轉(zhuǎn)換就是自動轉(zhuǎn)換,通常發(fā)生在一些數(shù)學(xué)運算中,本文就來介紹一下JS不同運算符下隱式類型轉(zhuǎn)換的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2023-12-12

