|
|
復制代碼 代碼如下:
person = function(name) {
this.name = name;
this.addEvents("walk");
}
Ext.extend(person, Ext.util.Observable, {
info: function(event) {
return this.name + 'is' + event + 'ing.';
}
});
var person = new person('張銘諾');
person.on('walk', function() {
Ext.Msg.alert('event', person.name + '在走啊走啊。');
});
然后我們再定義一個按鈕用來觸發(fā)這個walk事件：
復制代碼 代碼如下:
var btn = new Ext.Button({
id: 'walk',
text: '觸發(fā)事件按鈕',
renderTo: Ext.getBody()
});
btn.on('click', function() {
person.fireEvent('walk');
});
當點擊按鈕時觸發(fā)事件，效果如下圖所示：
現(xiàn)在我們使用capture()函數(shù)攔截事件的觸發(fā)，如下面的代碼所示：
復制代碼 代碼如下:
var btn2 = new Ext.Button({
id: 'cc',
text: '攔截事件',
renderTo: Ext.getBody()
});
btn2.on('click', function() {
Ext.util.Observable.capture(person, function() {
alert('fsdjhf');
return true;
});
});
這時單擊btn2按鈕，發(fā)現(xiàn)彈出對話框后還會觸發(fā)事件，郁悶。。?！，F(xiàn)在將最后一行代碼改為return false試試？事件被攔截成功了吧！
這樣就給我們一個選擇的機會，通過控制capture（）中處理函數(shù)的返回值來決定是否繼續(xù)執(zhí)行某個時間的監(jiān)聽函數(shù)，還是直接中止該事件的發(fā)生。
我們還可以為一個對象設置多個capture()攔截函數(shù)，這些攔截函數(shù)會形成一個處理鏈條，只要其中任何一個攔截函數(shù)返回false，就會中止處理過程。
releaseCapture()函數(shù)是capture（）函數(shù)的反向操作，它會一次性清除fireEvent()上所有的攔截函數(shù)，不過我們無法通過它準確的刪除某一個攔截函數(shù)。一旦執(zhí)行了releaseCapture(),那么之前設置的所有攔截函數(shù)就都失效了。
JavaScript技術：extjs 為某個事件設置攔截器，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
