プロトタイプ-イベント処理

イベント管理は、クロスブラウザスクリプティングを実現するための最大の課題の1つです。すべてのブラウザには、キーストロークを処理するためのさまざまなアプローチがあります。

Prototype Frameworkは、ブラウザー間の互換性の問題をすべて処理し、イベント管理に関連するすべての問題から解放されます。

Prototype Frameworkは、メソッドが豊富なEvent名前空間を提供します。これらはすべて、現在のイベントオブジェクトを引数として受け取り、すべての主要なブラウザーで要求している情報を適切に生成します。

イベント名前空間は、キーボード関連のイベントで使用できるキーコードの標準化されたリストも提供します。次の定数は名前空間で定義されています-

S.No.	キー定数と説明
1.1。	KEY_BACKSPACE バックスペースキーを表します。
2.2。	KEY_TAB タブキーを表します。
3.3。	KEY_RETURN リターンキーを表します。
4.4。	KEY_ESC escキーを表します。
5.5。	KEY_LEFT 左キーを表します。
6.6。	KEY_UP アップキーを表します。
7。	KEY_RIGHT 右のキーを表します。
8.8。	KEY_DOWN ダウンキーを表します。
9.9。	KEY_DELETE 削除キーを表します。
10.10。	KEY_HOME ホームキーを表します。
11.11。	KEY_END エンドキーを表します。
12.12。	KEY_PAGEUP PageUpキーを表します。
13.13。	KEY_PAGEDOWN PageDownキーを表します。

イベントの処理方法

始める前に、イベントメソッドの使用例を見てみましょう。この例は、イベントが発生したDOM要素をキャプチャする方法を示しています。

例

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         // Register event 'click' and associated call back.
         Event.observe(document, 'click', respondToClick);
  
         // Callback function to handle the event.
         function respondToClick(event) {
            var element = event.element();
            alert("Tag Name : " + element.tagName );
         }
      </script>
   </head>

   <body>
      <p id = "note"> Click on any part to see the result.</p>
      <p id = "para">This is paragraph</p>
      <div id = "division">This is divsion.</div>
   </body>
</html>

出力

これは、に関連するすべてのメソッドの完全なリストです。 Event。よく使用する可能性が高い関数は、observe、element、stopです。

プロトタイプイベントメソッド

NOTE −少なくともprototype.jsのバージョン1.6を使用していることを確認してください。

S.No.	方法と説明
1.1。	素子（）イベントが発生したDOM要素を返します。
2.2。	extend（） Event.Methodsに含まれるすべてのメソッドでイベントを拡張します。
3.3。	findElement（）イベントが発生した要素から上に、指定されたタグ名を持つ最初のDOM要素を返します。
4.4。	isLeftClick（）ボタン関連のマウスイベントが「左」（実際にはプライマリ）ボタンに関するものであったかどうかを判別します。
5.5。	観察する（） DOM要素にイベントハンドラーを登録します。
6.6。	ポインターX（）マウスイベントの絶対水平位置を返します。
7。	ポインターY（）マウスイベントの絶対垂直位置を返します。
8.8。	やめる（）イベントの伝播を停止し、デフォルトのアクションが最終的にトリガーされないようにします。
9.9。	stopObserving（）イベントハンドラーの登録を解除します。
10.10。	アンロードキャッシュ（）監視を通じて登録されたすべてのイベントハンドラーの登録を解除します。自動的に配線されます。1.6以降は使用できません。