コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptイベントflow_javascriptスキルのバグの詳細説明

JavaScriptイベントflow_javascriptスキルのバグの詳細説明

WBOY
リリース： 2016-05-16 17:22:22
オリジナル
991 人が閲覧しました

最近、netsurf のチューニング時に関連するバグに遭遇しました。alert() が 2 回呼び出されました。 html コード:

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


クリック時のアラートの例




段落の最初の行。
< /p>


<script><br>var Button1 = document.getElementById("button1");<br>/*var Button1Click = function() {alert(1) }; ", Button1Click, false);*/<br>Button1.onclick = Causealert;<br> </p></script>



gdb を通じて、_dom_node_dispatch_event() で問題を見つけます:

コードをコピー コードは次のとおりです:
/* キャプチャ フェーズ */ for (targetnr = ntargets; targetnr > 0; --targetnr)。 ..
/* バブリングフェーズ */

evt->phase = DOM_BUBBLING_PHASE;

for (targetnr = 0; targetnr

イベント フローは次のとおりです: p1(ルート)-->p2-->... -->pm -->T (キャプチャ フェーズ)、T (ターゲット フェーズ) > pm --> ... --> p1 (バブリングフェーズ)。

仕様ではキャプチャーとバブリングのどちらか一方のみを選択できると規定されており、コードではjs_dom_event_add_listener()でキャプチャーを選択しています。これは、アラートが 2 回実行される理由を説明します。

修正: DOM 3 仕様に従って、上記の 0 を 1 に変更するだけです。

関連ラベル：
bug event flow
ソース：php.cn
前の記事：Webページの実際のサイズを取得するJavaScriptサンプルコード window_javascriptスキル 次の記事：JSON 数値ソートと複数フィールドソート_JavaScript スキルの概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...
から 2024-04-04 12:53:48
0
1
303
React.js からの POST は GET としてノード/js サーバーに到達します 私の POST リクエストは、REACT クライアント コードのどこかで GET に変換されているようです。これは反応コードです: functionSavePatient(even...
から 2024-04-03 17:22:04
0
1
331
JQuery - 動的テーブルでのオンザフライ計算/変換 動的なHTMLテーブル（行を追加できます）があり、ユーザーが値を入力したときに値をリットル単位で読み取り、それをUSGに変換したい（値をリットル単位で取得し、それを変換して変換して...
から 2024-04-03 12:38:26
0
1
393
onSubmit を使用して React から Node js にデータを送信する React スクリプトには onSubmit があり、送信ボタンをクリックすると呼び出されます。 consthandleSubmit=(event)=>{event.prev...
から 2024-04-02 16:36:07
0
1
268
Angular: テキスト要素の色を理解するためのプロパティ バインディングに反応性がない 以下は私の .ts ファイル、 import{Component}from'@angular/core';@Component({selector:'app-event-bindi...
から 2024-04-01 17:28:52
0
1
358
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート