|
好了,下面是我寫的代碼,注意看了:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
示例中,自定義了一個:JCEvent,c1,c2,c3都是這它的實例。
每個實例都有一個oOutline,我一般用它來做為對象的容器。pParent是用來指示自定義對象在哪里顯示的,也就相當于占位符吧,如果不指定,就是document.body。
示例中,我定義了三個自定事件:onCreate,onChangeSkin,onClick
onCreate 在 create方法里觸發。
onChangeSkin在setSkin方法里觸發。
onClick在oOutline.onclick里觸發。
調用順序:
由于onCreate是在create方法里調用的,所以c1.onCreate要在c1.create()之前聲明。
事件的參數,見:
this.setSkin = function(pSkin){
var oldSkin = oOutline.className;
oOutline.className = pSkin;
if(typeof this.onChangeSkin == "function")
this.onChangeSkin(oldSkin,pSkin);
}
this.onChangeSkin(oldSkin,pSkin);
這樣,你就可以在每個實例里運用oldSkin和newSkin了。
如:
c1.onChangeSkin = function(pOld,pNew){
alert("onChangeSkin事件/n設置c1的皮膚:/n新皮膚:" + pNew + "/n舊皮膚:" + pOld);
}
另外,示例中:
$.$css = function(pKey,pValue,p){
var obj = p ? $.$(p) : this;
obj.style[pKey] = pValue;
obj.$css = $.$css;
return obj;
}
這一段,寫成Object.prototype.$css = function(...)是絕對不成功的,至于為什么,就不是這里的討論范圍。
沒話可說了,就留空白吧,看不懂的同志,在補補你們的Javascript知識。
說點題外話:不要老是整jQuery,prototype,json等。
JavaScript技術:給自定義對象加上自定義事件的支持的教程,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。