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

マウス移動イベントなしで（マウスを移動せずに）ページのロード後にJavaScriptでマウス位置を取得することは可能ですか？

286 javascript  mouseevent  dom-events 

このリンクに、ユーザーに「本当によろしいですか？」Y / N」。 <a href="delete.php?id=22">Link</a> ユーザーが「はい」をクリックするとリンクが読み込まれ、「いいえ」の場合は何も起こりません。 or onclickを返す関数を実行して、フォームでそれを行う方法を知っています。しかし、リンクを使用してこれを行うにはどうすればよいですか？truefalse<a>

269 javascript  html  dom-events 

ブラウザの前のページに戻るためのボタンのクリックイベントとしてアタッチできる関数はありますか？ <input name="action" type="submit" value="Cancel"/>

252 javascript  html  browser  onclick  dom-events 

Angular 2でマウスイベントの伝播を停止する最も簡単な方法は何ですか？特別な$eventオブジェクトを渡してstopPropagation()自分を呼び出すか、他の方法がありますか？たとえばMeteorではfalse、イベントハンドラーから単純に戻ることができます。

238 angular  dom-events  event-propagation 

現在、JavaScriptを記述して、クリックされたクラスの属性を取得しようとしています。これを正しく行うには、イベントリスナーを使用する必要があることを知っています。私のコードは次のとおりです： var classname = document.getElementsByClassName("classname"); var myFunction = function() { var attribute = this.getAttribute("data-myattribute"); alert(attribute); }; classname.addEventListener('click', myFunction(), false); 属性をクリックしてクラスの1つをクリックするたびに警告ボックスが表示されることを期待していましたが、残念ながらこれは機能しません。誰か助けてくれますか？ （注 - これは非常に簡単に実行できますjQueryが、使用したくありません）

220 javascript  dom-events 

ページにハイパーリンクがあります。テスト目的で、ハイパーリンクのクリック数を自動化しようとしています。JavaScriptを使用してハイパーリンクの50クリックをシミュレートする方法はありますか？ <a href="#" target="_blank" onclick="javascript:Test("Test");">MSDN</a> JavaScriptからのonClickイベントトリガーを探しています。

215 javascript  dom-events 

複数のオプションから選択できる入力フォームがあり、ユーザーが選択を変更したときに何かを実行します。例えば、 <select onChange="javascript:doSomething();"> <option>A</option> <option>B</option> <option>C</option> </select> 現在はdoSomething()、選択が変更されたときにのみトリガーされます。 doSomething()ユーザーがオプションを選択したときにトリガーしたいのですが、おそらく同じオプションをもう一度選択します。 「onClick」ハンドラーを使用しようとしましたが、ユーザーが選択プロセスを開始する前にトリガーされます。 それで、ユーザーが選択するたびに関数をトリガーする方法はありますか？ 更新： ダリルが提案した答えは機能するように見えましたが、一貫して機能しません。ユーザーが選択プロセスを完了する前であっても、ユーザーがドロップダウンメニューをクリックするとすぐにイベントがトリガーされることがあります。

213 javascript  html  html-select  dom-events 

子コンポーネントに2つの値を渡します。 表示するオブジェクトのリスト 削除機能。 私は.map（）関数を使用してオブジェクトのリストを表示しますが（reactチュートリアルページにある例のように）、そのコンポーネントのボタンはonClick関数をレンダリング時に起動します（レンダリング時に起動しないでください）。私のコードは次のようになります： module.exports = React.createClass({ render: function(){ var taskNodes = this.props.todoTasks.map(function(todo){ return ( <div> {todo.task} <button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button> </div> ); }, this); return ( <div className="todo-task-list"> {taskNodes} </div> ); } }); 私の質問はonClick、レンダリングで関数が起動するのはなぜですか？

209 javascript  reactjs  button  onclick  dom-events 

inputtype file要素のHTMLに対してユーザーが行ったすべてのファイル選択を検出する可能性はありますか？ これは以前に何度も尋ねられましたが、通常提案された onchange、ユーザーが同じファイルを再度選択した場合、イベントは発生しません。

204 javascript  html  forms  dom-events 

誰でもJavaScriptでイベントの委任を説明できますか、それはどのように役立ちますか？

202 javascript  event-handling  dom-events  event-delegation 

このJavaScriptメソッド呼び出しに相当するjQueryを見つけようとしています。 document.addEventListener('click', select_element, true); 私は限り得ました： $(document).click(select_element); ただし、JavaScriptメソッドの最後のパラメーターと同じ結果は得られません-イベントハンドラーをキャプチャ段階またはバブリング段階で実行する必要があるかどうかを示すブール値（http://www.quirksmode.orgからの私の理解によると）/js/events_advanced.html）-省略されています。 jQueryを使用してそのパラメーターを指定する方法、または同じ機能を実現するにはどうすればよいですか？

190 javascript  jquery  events  event-handling  dom-events 

JavaScriptを使用してブラウザーのスクロールバーの位置を検出し、現在のビューがページのどこにあるかを判断しようとしています。私の推測では、トラックの親指がどこにあるかを検出し、次に親指の高さをトラックの全高のパーセンテージとして検出する必要があります。私はそれを複雑にしていますか、それともJavaScriptはそれよりも簡単なソリューションを提供していますか？コード的にアイデアはありますか？

188 javascript  browser  scroll  dom-events 

プログレッシブウェブアプリのパフォーマンスを向上させるために作業をしているときに、新しい機能に出会いPassive Event Listeners、コンセプトを理解するのが難しいと感じました。 Passive Event Listeners私たちのプロジェクトにそれを含める必要性は何ですか？

180 javascript  dom-events  event-listener  passive-event-listeners 

CmdJavaScript経由でMacのキーを取得するにはどうすればよいですか？

175 javascript  dom-events 

JSやjQueryのテキスト入力ボックスにテキストを入力するユーザーをシミュレートする最良の方法は何ですか？ 私はしていない私は、すべてのイベントトリガーにしたい、実際の入力ボックスにテキストを入れたいハンドラは通常の入力ボックスにユーザーの入力情報によってトリガーになるだろう。これは、フォーカス、キーダウン、キープレス、キーアップ、ブラーを意味します。おもう。 それで、これをどのように達成しますか？

173 javascript  jquery  dom-events