タグ付けされた質問 「addeventlistener」

16
addEventListenerとonclick
違いは何だaddEventListenerとはonclick? var h = document.getElementById("a"); h.onclick = dothing1; h.addEventListener("click", dothing2); 上記のコードは、別々の.jsファイルに一緒に常駐しており、どちらも完全に機能します。



9
JavaScript-ドキュメントが読み込まれたかどうかを検出する方法(IE 7 / Firefox 3)
ドキュメントの読み込み後に関数を呼び出したいのですが、ドキュメントの読み込みがまだ完了していない場合があります。ロードされた場合は、関数を呼び出すだけです。ロードされなかった場合は、イベントリスナーをアタッチできます。onloadが呼び出されないため、onloadがすでに起動した後でeventlistenerを追加することはできません。では、ドキュメントが読み込まれたかどうかを確認するにはどうすればよいですか?以下のコードを試してみましたが、完全には機能しません。何か案は? var body = document.getElementsByTagName('BODY')[0]; // CONDITION DOES NOT WORK if (body && body.readyState == 'loaded') { DoStuffFunction(); } else { // CODE BELOW WORKS if (window.addEventListener) { window.addEventListener('load', DoStuffFunction, false); } else { window.attachEvent('onload', DoStuffFunction); } }

8
複数のイベントをリスナー(JQueryなし)にバインドしていますか?
ブラウザーイベントを処理しているときに、モバイルデバイス用のSafariのtouchEventsを組み込み始めました。addEventListenersが条件付きでスタックしていることがわかります。このプロジェクトはJQueryを使用できません。 標準のイベントリスナー: /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled = window.Touch || false; window.addEventListener(isTouchEnabled ? 'touchmove' : 'mousemove', this.mouseMoveHandler, false); jQueryは次のbindように複数のイベントを許可します。 $(window).bind('mousemove touchmove', function(e) { //do something; }); JQueryの例のように2つのイベントリスナーを組み合わせる方法はありますか?例: window.addEventListener('mousemove touchmove', this.mouseMoveHandler, false); 提案やヒントは大歓迎です!

4
イベントリスナーを動的に追加する
私はAngular 2をいじくり始めたばかりで、イベントリスナーを要素に動的に追加および削除する最良の方法を誰かが教えてくれるかどうか疑問に思っています。 コンポーネントをセットアップしました。テンプレート内の特定の要素をクリックしたときmousemoveに、同じテンプレートの別の要素にリスナーを追加したいと思います。次に、3番目の要素がクリックされたときにこのリスナーを削除します。 単純なJavascriptを使用して要素を取得し、標準を呼び出すだけでこれが機能するようになりaddEventListener()ましたが、これを行うには、 " Angular2.0 "の方法がもっとあるのではないかと思いました。


9
addEventListenerがIE8で機能しない
チェックボックスを動的に作成しました。私が使用しているaddEventListenerGoogleのChromeとFirefoxで動作しますが、チェックボックスのクリックで機能を呼び出すためにInternet Explorer 8で動作しません。これは私のコードです: var _checkbox = document.createElement("input"); _checkbox.addEventListener("click", setCheckedValues, false); setCheckedValues 私のイベントハンドラです。

16
nullのプロパティ 'addEventListener'を読み取れません
プロジェクトにはバニラJavaScriptを使用する必要があります。いくつかの機能がありますが、その1つはメニューを開くボタンです。ターゲットIDが存在するページでは機能しますが、IDが存在しないページではエラーが発生します。関数がIDを見つけられないページで、「nullのプロパティ 'addEventListener'を読み取れません」エラーが表示され、他の関数が機能しません。 以下は、メニューを開くボタンのコードです。 function swapper() { toggleClass(document.getElementById('overlay'), 'open'); } var el = document.getElementById('overlayBtn'); el.addEventListener('click', swapper, false); var text = document.getElementById('overlayBtn'); text.onclick = function(){ this.innerHTML = (this.innerHTML === "Menu") ? "Close" : "Menu"; return false; }; どうすればこれに対処できますか?このコードを別の関数ですべてラップするか、if / elseステートメントを使用して、特定のページのIDのみを検索するようにしますが、正確にはわかりません。

14
動的にアタッチされたイベントリスナーが存在するかどうかを確認するにはどうすればよいですか?
これが私の問題です:動的にアタッチされたイベントリスナーの存在を何らかの方法でチェックすることは可能ですか?または、DOMの「onclick」(?)プロパティのステータスを確認するにはどうすればよいですか?Stack Overflowと同じようにインターネットで解決策を探しましたが、うまくいきませんでした。これが私のhtmlです: <a id="link1" onclick="linkclick(event)"> link 1 </a> <a id="link2"> link 2 </a> <!-- without inline onclick handler --> 次に、JavaScriptで動的に作成されたイベントリスナーを2番目のリンクにアタッチします。 document.getElementById('link2').addEventListener('click', linkclick, false); コードは問題なく実行されますが、接続されたリスナーを検出しようとする私の試みはすべて失敗します。 // test for #link2 - dynamically created eventlistener alert(elem.onclick); // null alert(elem.hasAttribute('onclick')); // false alert(elem.click); // function click(){[native code]} // btw, what's this? jsFiddleはこちらです。「onclick for 2を追加」をクリックしてから「[リンク2]」をクリックすると、イベントは正常に起動しますが、「テストリンク2」は常にfalseを報告します。誰か助けてもらえますか?

8
JavascriptのMSIEとaddEventListenerの問題?
document.getElementById('container').addEventListener('copy',beforecopy,false ); Chrome / Safariでは、ページのコンテンツがコピーされているときに、上記で「beforecopy」機能が実行されます。MSIEはこの機能もサポートすることになっていますが、何らかの理由で次のエラーが発生します。 「オブジェクトはこのプロパティまたはメソッドをサポートしていません」 さて、Internet Explorerはbodyノードで動作しないことは理解していますが、IDでノードを提供することは問題なく機能すると思いました。私が間違っていることについて誰かが何か考えを持っていますか?前もって感謝します。 ** 3番目のパラメータ「False」が何に適しているかを教えてくれる人にはボーナスポイント。

2
addEventListener()/ attachEvent()の正しい使用法?
addEventListenerそれぞれattachEvent正しく使用する方法を知りたいですか? window.onload = function (myFunc1) { /* do something */ } function myFunc2() { /* do something */ } if (window.addEventListener) { window.addEventListener('load', myFunc2, false); } else if (window.attachEvent) { window.attachEvent('onload', myFunc2); } // ... または function myFunc1() { /* do something */ } if (window.addEventListener) { window.addEventListener('load', myFunc1, false); …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.