JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法
更新時(shí)間：2015年04月17日 09:59:11 作者：dingding
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法,可實(shí)現(xiàn)讓指定對(duì)象處理多個(gè)事件的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)為指定對(duì)象添加多個(gè)事件處理程序的方法。分享給大家供大家參考。具體如下：
如果你希望對(duì)象點(diǎn)擊的時(shí)候同時(shí)處理多個(gè)事情，可以使用下面的代碼
/* 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];
}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
用javascript實(shí)現(xiàn)的支持lrc歌詞的播放器
用javascript實(shí)現(xiàn)的支持lrc歌詞的播放器...2007-05-05
自己寫(xiě)了個(gè)JS+CSS的小東西，用來(lái)看提升用戶(hù)體驗(yàn)的。 Name：WindowsTextShow；2008-12-12
JavaScript設(shè)計(jì)模式經(jīng)典之工廠模式
工廠模式定義一個(gè)用于創(chuàng)建對(duì)象的接口，這個(gè)接口由子類(lèi)決定實(shí)例化哪一個(gè)類(lèi)。接下來(lái)通過(guò)本文給大家介紹JavaScript設(shè)計(jì)模式經(jīng)典之工廠模式，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
數(shù)組(Array)是有序的元素序列,若將有限個(gè)類(lèi)型相同的變量的集合命名,那么這個(gè)名稱(chēng)為數(shù)組名,下面這篇文章主要給大家介紹了關(guān)于ES6中數(shù)組新增方法的相關(guān)資料,需要的朋友可以參考下2022-03-03
小程序?qū)崿F(xiàn)輪播每次顯示三條數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)輪播每次顯示三條數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
js點(diǎn)擊文本框后才加載驗(yàn)證碼實(shí)例代碼
這篇文章是一段關(guān)于js點(diǎn)擊文本框后才加載驗(yàn)證碼實(shí)例代碼，而不是直接顯示驗(yàn)證碼，感興趣的小伙伴們可以參考一下2015-10-10
一文讓你徹底弄懂js中undefined和null的區(qū)別
JavaScript是一門(mén)動(dòng)態(tài)類(lèi)型語(yǔ)言,元素除了表示存在的空值外,還有可能根本就不存在,這就是undefined存在的原因,這篇文章主要給大家介紹了關(guān)于undefined和null區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-03-03
Javascript匿名函數(shù)的一種應(yīng)用 代碼封裝
說(shuō)實(shí)話，對(duì)于js初學(xué)者的我來(lái)說(shuō)。這個(gè)東西太嚇人了，在這些JS庫(kù)中，這個(gè)函數(shù)基本上把整個(gè)庫(kù)的所有代碼全括起來(lái)了，這種寫(xiě)法完全超越了我的常識(shí)。2010-06-06
js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
JS不同運(yùn)算符下隱式類(lèi)型轉(zhuǎn)換的實(shí)現(xiàn)示例
隱式轉(zhuǎn)換就是自動(dòng)轉(zhuǎn)換,通常發(fā)生在一些數(shù)學(xué)運(yùn)算中,本文就來(lái)介紹一下JS不同運(yùn)算符下隱式類(lèi)型轉(zhuǎn)換的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12