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

イベントは、特定のことが発生したときにクラスがリスナーに通知を提供する方法です。

7
onKeyDownイベントがReactのdivで機能しない
ReactのdivでkeyDownイベントを使用したいのですが。私がやります： componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} /> </div> </div> </div> ) } うまく動きますが、Reactスタイルでもっとやりたいです。私は試した onKeyDown={this.onKeyPressed} コンポーネント上。しかし、それは反応しません。私が思い出すように、それは入力要素で動作します。 Codepen …
4
Iframeコンテンツが読み込まれたときの検出（クロスブラウザー）
iframeとそのコンテンツが読み込まれたが、運が悪いときを検出しようとしています。私のアプリケーションは、親ウィンドウのテキストフィールドに入力を取り、iframeを更新して「ライブプレビュー」を提供します iframeの読み込みイベントがいつ発生するかを検出するために、次のコード（YUI）から始めました。 $E.on('preview-pane', 'load', function(){ previewBody = $('preview-pane').contentWindow.document.getElementsByTagName('body')[0]; } 'プレビューペイン'はiframeのIDで、YUIを使用してイベントハンドラーをアタッチしています。ただし、（iframeの読み込み時に）コールバックで本文にアクセスしようとすると失敗します。イベントハンドラーの準備が完了する前にiframeが読み込まれるためです。このコードは、iframeを生成するphpスクリプトをスリープさせることによってiframeの読み込みを遅らせると機能します。 基本的に、iframeが読み込まれ、ドキュメントの準備ができたことを検出するために、ブラウザー間で正しいアプローチは何ですか？
5
v-modelが変更されたときにイベントを発生させる方法は？
私はでfoo()関数を@click起動しようとしていますが、ご覧のとおり、イベントを正しく起動するには、ラジオボタンを2回押す必要があります。2回目に押すだけで値をキャッチします... （srStatus）が変更された@clickときにイベントを発生させるだけでなく、イベントを発生させたいv-model。 ここに私のフィドルがあります： http://fiddle.jshell.net/wanxe/vsa46bw8/
8
jQuery：<input type =“ file” />から選択されたファイル名を取得します
このコードはIEで動作するはずです（Firefoxでテストすらしないでください）が、動作しません。添付ファイルの名前を表示したいのですが。何か助けは？ &lt;html&gt; &lt;head&gt; &lt;title&gt;example&lt;/title&gt; &lt;script type="text/javascript" src="../js/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready( function(){ $("#attach").after("&lt;input id='fakeAttach' type='button' value='attach a file' /&gt;"); $("#fakeAttach").click(function() { $("#attach").click(); $("#maxSize").after("&lt;div id='temporary'&gt;&lt;span id='attachedFile'&gt;&lt;/span&gt;&lt;input id='remove' type='button' value='remove' /&gt;&lt;/div&gt;"); $('#attach').change(function(){ $("#fakeAttach").attr("disabled","disabled"); $("#attachedFile").html($(this).val()); }); $("#remove").click(function(e){ e.preventDefault(); $("#attach").replaceWith($("#attach").clone()); $("#fakeAttach").attr("disabled",""); $("#temporary").remove(); }); }) }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input id="attach" type="file" /&gt;&lt;span id="maxSize"&gt;(less than 1MB)&lt;/span&gt; …
90 jquery  events  copy  file-io 
7
パラメータ付きのJavascriptイベントハンドラ
イベントといくつかのパラメーターを渡すeventHandlerを作成したいと思います。問題は、関数が要素を取得しないことです。次に例を示します。 doClick = function(func){ var elem = .. // the element where it is all about elem.onclick = function(e){ func(e, elem); } } doClick(function(e, element){ // do stuff with element and the event }); 'elem'は無名関数の外部で定義する必要があります。渡された要素を匿名関数内で使用するにはどうすればよいですか？これを行う方法はありますか？ そして、addEventListenerはどうですか？addEventListenerを介してイベントを渡すことができないようです。 更新 'this'の問題を修正したようです doClick = function(func){ var that = this; this.element.onclick = function(e){ func(e, that); …
11
「非同期イベント」の定義がわかりやすい？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 2年前休業。 ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 私はこの用語に何度も遭遇しましたが、グーグルの後でさえ、それが正確に何を意味するのかまだ理解できません。誰かが提供できる非同期イベントとは何かについて理解しやすい（理想的には例を示す）定義がありますか？ ありがとう！
5
jQueryでデフォルトのリンククリック動作を停止する方法
Webページにリンクがあります。ユーザーがクリックすると、ページ上のウィジェットが更新されます。ただし、デフォルトの機能（別のページに移動する）がイベントが発生する前に発生するため、私は何かをしています。 リンクは次のようになります。 &lt;a href="store/cart/" class="update-cart"&gt;Update Cart&lt;/a&gt; jQueryは次のようになります。 $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 何が問題ですか？
16
jQueryのドラッグアンドドロップによるクリックイベントの防止
jQueryでドラッグ可能な要素がページにあります。これらの要素には、別のページ（通常のリンクなど）に移動するクリックイベントがありますか？ クリックを許可しながら、そのような要素をドロップしたときにクリックが発生しないようにするための最良の方法は、ドラッグアンドドロップ状態ではありませんか？ 並べ替え可能な要素でこの問題が発生しますが、一般的なドラッグアンドドロップの解決策があるとよいと思います。 私は自分で問題を解決しました。その後、Scriptaculousにも同じ解決策が存在することがわかりましたが、おそらく誰かがそれを達成するためのより良い方法を持っています。
4
event.preventDefault（）vs。return false（jQueryなし）
event.preventDefault()とreturn falseは同じかと思いました。 私はいくつかのテストを行いました、そしてそれは たとえば、イベントハンドラが古いモデルを使用して追加された場合 elem.onclick = function(){ return false; }; 次に、のreturn falseようなデフォルトのアクションを防ぎますevent.preventDefault()。 たとえば、を使用してイベントハンドラが追加さaddEventListenerれた場合 elem.addEventListener( 'click', function(e){ return false; }, false ); 次に、return falseデフォルトのアクションを妨げません。 すべてのブラウザはこのように動作しますか？ との間にもっと違いはevent.preventDefault()ありreturn falseますか？ 場合によっては、そのreturn falseようevent.preventDefault()に動作することに関するドキュメント（MDNでは見つかりませんでした）はどこにありますか？ 私の質問はプレーンなJavaScriptに関するものであり、jQueryに関するものではないため、両方の質問のタイトルがほぼ同じであっても、event.preventDefault（）の重複としてマークしないでください。
2
キーボードフォーカスをDIVに与え、キーボードイベントハンドラーをそれにアタッチするにはどうすればよいですか？
DIVで表される長方形をクリックし、キーボードを使用してキーボードイベントを一覧表示することにより、そのDIVを移動できるようにするアプリケーションを構築しています。 ドキュメントレベルでこれらのキーボードイベントにイベントリスナーを使用するのではなく、おそらくキーボードフォーカスを与えることによって、DIVレベルでキーボードイベントをリッスンできますか？ 問題を説明するための簡略化されたサンプルを次に示します。 &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="outer" style="background-color:#eeeeee;padding:10px"&gt; outer &lt;div id="inner" style="background-color:#bbbbbb;width:50%;margin:10px;padding:10px;"&gt; want to be able to focus this element and pick up keypresses &lt;/div&gt; &lt;/div&gt; &lt;script language="Javascript"&gt; function onClick() { document.getElementById('inner').innerHTML="clicked"; document.getElementById('inner').focus(); } //this handler is never called function onKeypressDiv() { document.getElementById('inner').innerHTML="keypress on div"; } function onKeypressDoc() …
8
JavaScriptでロックを実装する方法
lockC＃と同等のものをJavaScriptでどのように実装できますか？ したがって、私が考えている簡単なユースケースを説明すると、次のようになります。 ユーザーがボタンをクリックしますB。 Bonclickイベントを発生させます。がイベントにある場合Bは、伝播する前にが存在するのをevent-state待ちます。場合であり、ロックされ、に設定され、その後、イベントが伝搬します。イベントの伝播が完了すると、はに設定されます。Bready-stateBready-stateBevent-stateBready-state ready-stateボタンにクラスを追加したり、ボタンからクラスを削除したりするだけで、これに近いことがどのように行われるかがわかりました。ただし、問題は、ユーザーが変数を設定するよりも速くボタンを2回続けてクリックできるため、状況によってはこのロックの試行が失敗することです。 JavaScriptで失敗しないロックを実装する方法を知っている人はいますか？
14
Socket.ioクライアント：1つのハンドラーですべてのイベントに応答しますか？
各イベントを個別に指定せずに、socket.ioクライアントにすべてのイベントに応答させることは可能ですか？ たとえば、次のようなものです（これは明らかに現在は機能しません）： var socket = io.connect("http://myserver"); socket.on("*", function(){ // listen to any and all events that are emitted from the // socket.io back-end server, and handle them here. // is this possible? how can i do this? }); クライアント側のsocket.ioコードがすべてのイベントを受信したときに、このコールバック関数を呼び出す必要があります。 これは可能ですか？どうやって？
9
イベント宣言に匿名の空のデリゲートを追加することの欠点はありますか？
私はこのイディオムについていくつか言及しました（SOを含む）： // Deliberately empty subscriber public event EventHandler AskQuestion = delegate {}; 利点は明らかです。イベントを発生させる前にnullをチェックする必要がなくなります。 しかし、マイナス面があるかどうかを知りたいと思っています。 たとえば、広く使用されており、メンテナンスの頭痛の種を引き起こさないほど十分に透明なものですか？空のイベントサブスクライバーコールのパフォーマンスにかなりの影響はありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.