検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JS登録・削除イベントハンドラ（ExtJSアプリケーション設計演習）_JavaScriptスキル

JS登録・削除イベントハンドラ（ExtJSアプリケーション設計演習）_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:34:271178ブラウズ

ExtJS アプリケーションを設計するときに行う最も一般的なことは、イベント ハンドラーの登録です。ExtJS の世界はほぼ完全に時間で構成されているためです。したがって、ExtJS の設計者は、イベントの登録を非常に簡単にします (また、非常に難しい選択方法も提供します) - on/un (つまり、上と下、または addListener と RemoveListener、要素のすべてのサブクラスで使用可能) です。たとえば、ユーザーがクリックしたときに簡単なフィードバックを提供する

があります。

これを置き換える方法 < ;div/> ;マウスクリックイベントを登録してみるとどうでしょうか？まず、この div の Element インスタンスを取得する必要があります:
varhappyDiv=Ext.get('happyDiv');
次に、イベント ハンドラーを定義します:

コードをコピーします コードは次のとおりです:

varclickHandler=function(event,eventTarget){
Ext.MessageBox.alert("Click","Youclicked) :"eventTarget.id ;

コードは次のとおりです:


happyDiv.on('click',clickHandler);
プログラム
をクリックすると、図 3-15 に示す結果が表示されます。 とてもシンプルですよね?サンプルファイルはch03/event_demo.htmlです。このイベント ハンドラーを削除したい場合は、on() を un() に変更するだけです。削除するときにクリック イベントに対応するイベント ハンドラーがなくても、基になる EventManager が独自に判断します。イベント ハンドラーが呼び出されるとき、event、eventTarget、optionObj の 3 つのパラメーターを受け取ります。この例では 3 番目のパラメーターのみが使用されます。EventManager について説明します。ここではまず、event とeventTarget に注目します。イベントのタイプは Ext.Event で、eventTarget は HTML 要素です。ユーザーが
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jQuery ui plug-in_jquery の使用方法のコード例次の記事：jQuery ui plug-in_jquery の使用方法のコード例

関連記事

続きを見る