Chromeの開発ツール：一時的なイベントを無効にする

クリックしたときにDOMを操作するコンポーネントを備えた複雑なSPAがあります。Chromeの開発ツール：一時的なイベントを無効にする

イベントを起こさずに（操作の前にDOMを確認するために）、このコンポーネントのDOMをchrome開発ツール（デフォルトでCtrl + Shift + C）で調べるにはどうすればよいですか？

2016-05-31 Утка Учится Укрываться

開発者コンソールの右側には、より多くのコントロールが用意されています。必要なDOM要素をクリックして、イベントリスナーを選択して（イベントリスナーを追加しないで）要素のイベントリスナーでビルドを追跡するか、DOMブレイクポイントを追加します（要素を右クリックし、）、右側のメニューにDOM Breakpointsオプションを使用します。欲しいものは

出典

2016-05-31 12:29:04

私はそれを見ましたが、私は3つのことを実現できません： 1.どのようにしてイベントを起こすのですか？ ctrl + shift + cを使わずにdomの中の要素を手動で見つけることは、あなたが長くて非常に複雑なDOM構造を持っているときには面倒です。 2.私は_remove_イベントを望んでいません、私は一時的に彼らが働く前に停止したいと思います。 3. _all_イベントを停止したい。手作業ではなく1で1.それは可能ですか？ –

DOMブレークポイントはユーザフレンドリですが、DOM操作だけでなく、ハンドラのすべてのコードが実行されるのを防ぐことができますか？私はDOMのブレークポイントは私にとっては十分だと思いますが、とにかくそれほど快適ではありません。 –

1.要素インスペクタCtrl + Fを開いてDOM要素を検索し、ブラウザを更新します。これは、イベントが発生する前に要素を渡す必要があります。 2.ブレークポイントは実行を停止するので、エレメントのイベントが実行される前にブレークポイントを設定するのが理想的です。 3. 'stopPropagation'と' preventDefault'があなたに役立つかもしれないかどうかをチェックします –

Chromeの開発ツール：一時的なイベントを無効にする

答えて

関連する問題