2

私はこれについて頭を悩ませてきましたが、私の人生でそれを理解することはできません.

この議論のために作成したテストページを次に示します。

http://jsbin.com/garokalocu

このページは非常に複雑で、私が作成したわけではなく、ユーザーが [実行] をクリックしたときに実行されるコードを確認しようとしているとします。デバッガーを開き、サイド ペインを開いて [イベント] をクリックします。ボタンであるクリックイベントにチェックマークを付け#executeます。

ここに画像の説明を入力

ボタンをクリックすると、コードがブレークポイントにヒットします。しかし奇妙なことに、「Bob」という名前はすでに入力されているため、明らかに実際のコードを通り過ぎて、ここにたどり着きました。

ここに画像の説明を入力

ここで何が起こっているのかわかりません。そこで、Firefox の新機能で、便利かもしれないと思った別のことを試してみました。コードを調べると、特定の DOM 要素に「ev」タグがほとんどありません。おそらく、それらをクリックしてコードを表示できます。

ここに画像の説明を入力

まあ、それは無駄でした。jQuery イベントをデバッグする方法と、実行される実際のコードを確認する方法を教えていただければ、私は永遠に感謝します。ありがとう!

4

1 に答える 1

4

jQuery を使用してこれらのリスナーを作成したため、jQuery がハンドラーとして表示されます。イベントがトリガーされると、jQuery コードが呼び出されます。通常の JS addEventListener を使用した場合、それらはステップスルーしなくてもイベントに表示されます。

こちらの記事によると、この機能は Firefox 34 で導入されるため、Firefox ベータ版を使用している場合は、必要な動作が得られるはずです。

于 2014-11-04T04:53:46.213 に答える