タグ付けされた質問 「dom-events」

DOM（Document Object Model）イベントを使用すると、イベント駆動型プログラミング言語でDOMツリー内の要素ノードにさまざまなイベントハンドラー/リスナーを登録できます。

13
event.preventDefault（）とfalseを返す
StackатотвопросестьответынаStack Overflowнарусском："preventDefault（）"или "return false"？ 特定のイベントが発生した後に他のイベントハンドラーが実行されないようにする場合は、2つの方法のいずれかを使用できます。例ではjQueryを使用しますが、これはプレーンJSにも適用されます。 1。 event.preventDefault() $('a').click(function (e) { // custom handling here e.preventDefault(); }); 2。 return false $('a').click(function () { // custom handling here return false; }); イベントの伝播を停止するこれら2つの方法の間に大きな違いはありますか？ 私にとってreturn false;は、メソッドを実行するよりも簡単で、短く、エラーが発生しにくいでしょう。この方法では、大文字小文字の区別、括弧などについて覚えておく必要があります。 また、メソッドを呼び出せるように、コールバックの最初のパラメーターを定義する必要があります。おそらく、このようにすることを避けてpreventDefault代わりに使用する必要があるいくつかの理由がありますか？より良い方法は何ですか？
23
ページの読み込み後にJavaScriptを実行する方法は？
<script>内部を使用して、外部スクリプトを実行してい<head>ます。 ページがロードされる前にスクリプトが実行されるため<body>、特ににアクセスできません。ドキュメントが "ロード"された後にHTMLを実行したい（HTMLが完全にダウンロードされ、RAM内に）。スクリプトの実行時にフックできるイベントがあり、ページの読み込み時にトリガーされますか？
13
オン-window.location.hash-変更？
私はナビゲーションにAjaxとハッシュを使用しています。 window.location.hashこのように変更されたかどうかを確認する方法はありますか？ http://example.com/blah ＃123へhttp://example.com/blah ＃456 ドキュメントの読み込み時にチェックすると機能します。 しかし、＃hashベースのナビゲーションがある場合、ブラウザーの戻るボタンを押しても機能しません（そのため、blah＃456からblah＃123にジャンプします）。 アドレスボックス内に表示されますが、JavaScriptではキャッチできません。
10
JavaScriptグローバルイベントメカニズム
スローされるすべての未定義の関数エラーをキャッチしたいと思います。JavaScriptにグローバルエラー処理機能はありますか？使用例は、定義されていないフラッシュからの関数呼び出しをキャッチすることです。
18
JavaScriptでキーを押すイベントを入力してください
私が持っているform2つのテキストボックス、1つので選択し、ドロップダウンと1つのラジオボタンを。enterキーが押されたときにJavaScript関数（ユーザー定義）を呼び出したいのですが、それを押すとフォームが送信されます。 キーが押されたformときにが送信されないようにするにはどうすればよいenterですか？
12
onKeyPress対。onKeyUpおよびonKeyDown
これら3つのイベントの違いは何ですか？グーグルで次のことがわかりました。 onKeyDownユーザーがキーを押したときにイベントがトリガされます。 onKeyUpユーザーがキーを離したときにイベントがトリガされます。 onKeyPressイベントがトリガされたときにユーザプレス・リリース（キーonKeyDownが続きますonKeyUp）。 最初の2つは理解できましたがonKeyPress、同じではありませんonKeyUpか？キー（onKeyUp）を押さずに（）キーを離すことはできonKeyDownますか？ これは少し紛らわしいですが、誰かがこれを片付けてくれますか？
14
5秒待ってから次の行を実行する
以下のこの関数は、期待どおりに機能しません。JSの初心者なので、理由はわかりません。 かどうかを確認する前に5秒待つ必要newStateがあり-1ます。 現在、待機せず、ただちにチェックします。 function stateChange(newState) { setTimeout('', 5000); if(newState == -1) { alert('VIDEO HAS STOPPED'); } }
9
addEventListenerのuseCaptureパラメータを理解できません
https://developer.mozilla.org/en/DOM/element.addEventListenerの記事を読みましたが、useCapture属性を理解できません。定義があります： trueの場合、useCaptureはユーザーがキャプチャを開始したいことを示します。キャプチャを開始した後、指定されたタイプのすべてのイベントは、DOMツリー内のその下のEventTargetsにディスパッチされる前に、登録されたリスナーにディスパッチされます。ツリー全体を上方向にバブルしているイベントは、キャプチャを使用するように指定されたリスナーをトリガーしません。 このコードでは、子の前に親イベントがトリガーされるため、その動作を理解できません。Documentオブジェクトのusecaptureがtrueで、子divのusecaptureがfalseに設定されており、ドキュメントのusecaptureに従っているため、ドキュメントプロパティが子よりも優先されます。 function load() { document.addEventListener("click", function() { alert("parent event"); }, true); document.getElementById("div1").addEventListener("click", function() { alert("child event"); }, false); } <body onload="load()"> <div id="div1">click me</div> </body> コードスニペットを実行するHide resultsスニペットを展開
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.