ホームページ >ウェブフロントエンド >jsチュートリアル >DOM 要素とイベントに関する 3 つのパズル_DOM

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

WBOY
WBOYオリジナル
2016-05-16 18:16:371098ブラウズ
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 などのクライアント側のデバッグ ツールは使用できません。このタイプのツールは「コードが間違っている」ことを知らせてくれます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。