DOM 要素とイベントに関する 3 つのパズル

DOM 要素とイベントに関する 3 つのパズル_DOM

WBOY

リリース： 2016-05-16 18:16:37

オリジナル

1091 人が閲覧しました

1. 背景知識の概要
通常、DOM 要素にイベントを追加するには次の方法があります。
1. ハードコードされた形式
2. 提供されるイベントJS フレームワークによるイベントバインディング
1 は、ハードコーディングされた形式で、独自のイベント (Original Event) の形式を採用します。
コードは次のようなものです:

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

 
2、イベント リスニング メカニズム、この形式で採用されているアプローチは、DOM イベント メカニズムに基づいており、DOM 標準イベント モデル addEventListener と IE イベント モデル attchEvent に分かれています。 
コードは次のようなものです: 

コードをコピーしますコードは次のとおりです: var addEventHandler = function(ele, evt, fn){

if (ele.addEventListener) {

ele.addEventListener(evt, fn, false) 
} 
else 
; if (ele.attachEvent) { 
ele.attachEvent('on' evt, fn); 
} 
else { 
ele['on' evt] = }; 
var ele = document.getElementById('element_id'); 
addEventHandler(ele, 'eventName', function(){ code... }); , JSフレームワークの仕組みによって提供されるイベントバインディングですが、ここではjQueryフレームワークを使用することを前提としています。 
コードは次のようなものです: 




コードをコピーします

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

$('element_id' ).bind('eventName', function(event){ code... }); $('element_id').click(function(){ code... }); ; 2. パズル

 追加ページには次のコード スニペットがあります。 >
コードをコピー
 

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

... ...
<スクリプトタイプ="text/javascript" src="js/jquery -lastest.js">

;
... ...

="jqbutton_standard_id01" type="button" />

上記のアイデアに従って、ハイジャックコード 03 とハイジャックコード 04 のコードを書くのを手伝ってくれる人はいますか?それとも他のソリューションを提供しますか?
上記のアイデアに従って、ハイジャックコード 03 とハイジャックコード 04 のコードを書くのを手伝ってくれる人はいますか?それとも他のソリューションを提供しますか?
1. 既存のコードは変更できません。
2. 可能であれば、元の js クラスを拡張することもできます。
3. func_test と not_existfunc は事前に知られていないため、「取得」することによってのみ取得できます。
4. 最終的な目的としては、エラーが発生したオブジェクト、メソッド名、イベント、パラメーターを知る必要があります。この目的に基づいて、他の解決策も可能です。
5. firebug などのクライアント側のデバッグツールは使用できません。このタイプのツールは「コードが間違っている」ことを知らせてくれます。