我一般是不看別人寫的代碼的，為啥？累！而且這位同志給的還是經(jīng)過壓縮的！汗。。。考我是不是？還有，這位同志也不給個(gè)示例的代碼，只說是代碼沒有問題。我努力的試著去“破解”，但是腦細(xì)胞死的太快了！在我沒有變成白癡之前，我毅然決定，不在往下看下去。不就是給自定的對(duì)象加入自定事件的支持嗎？我寫個(gè)示例吧，就算是教程了，如果看不懂，我也沒有辦法了！我不會(huì)傻到給你寫好代碼，讓你拿去賣錢的！
好了，下面是我寫的代碼，注意看了：

示例中，自定義了一個(gè)：JCEvent，c1,c2,c3都是這它的實(shí)例。
每個(gè)實(shí)例都有一個(gè)oOutline，我一般用它來做為對(duì)象的容器。pParent是用來指示自定義對(duì)象在哪里顯示的,也就相當(dāng)于占位符吧，如果不指定，就是document.body。

示例中，我定義了三個(gè)自定事件：onCreate,onChangeSkin,onClick
onCreate 在 create方法里觸發(fā)。
onChangeSkin在setSkin方法里觸發(fā)。
onClick在oOutline.onclick里觸發(fā)。

調(diào)用順序：
由于onCreate是在create方法里調(diào)用的，所以c1.onCreate要在c1.create()之前聲明。

事件的參數(shù)，見：

 this.setSkin = function(pSkin){
  var oldSkin = oOutline.className;
  oOutline.className = pSkin;

  if(typeof this.onChangeSkin == "function")
   this.onChangeSkin(oldSkin,pSkin);
 }


this.onChangeSkin(oldSkin,pSkin);
這樣，你就可以在每個(gè)實(shí)例里運(yùn)用oldSkin和newSkin了。

如：
 c1.onChangeSkin = function(pOld,pNew){
  alert("onChangeSkin事件\n設(shè)置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(...)是絕對(duì)不成功的，至于為什么，就不是這里的討論范圍。


沒話可說了，就留空白吧，看不懂的同志，在補(bǔ)補(bǔ)你們的javascript知識(shí)。
說點(diǎn)題外話：不要老是整jQuery,prototype,json等。

最新評(píng)論