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

これらのメソッドは、ユーザーがブラウザーを操作したときに有効になるように動作を登録し、さらにそれらの登録された動作を操作するために使用されます。

11
jQuery複数のイベントで同じ関数をトリガーする
持ってする方法はありますkeyup、keypress、blur、およびchangeイベントは、1行に同じ関数を呼び出すか、私はそれらを個別に行う必要がありますか? 私が抱えている問題は、DBルックアップを使用して一部のデータを検証する必要があり、入力またはボックスへの貼り付けにかかわらず、検証がいずれの場合でも見落とされないようにすることです。

17
jQueryを使用してキーボードでEnterキーを押すことを検出する方法は?
ユーザーがEnterjQueryを使用して押したかどうかを検出したいと思います。 これはどのようにして可能ですか?プラグインは必要ですか? 編集:keypress()メソッドを使用する必要があるようです。 そのコマンドにブラウザの問題があるかどうか誰かが知っているかどうか知りたい-私が知っておくべきブラウザの互換性の問題はあるか?

17
jQueryでマウスの左クリックと右クリックを区別する方法
jQueryを使用して、クリックされたマウスボタンをどのように取得しますか? $('div').bind('click', function(){ alert('clicked'); }); これは右クリックと左クリックの両方でトリガーされます。右マウスクリックをキャッチする方法は何ですか。以下のようなものがあれば幸いです。 $('div').bind('rightclick', function(){ alert('right mouse button is pressed'); });

16
jQuery.click()とonClick
巨大なjQueryアプリケーションがあり、クリックイベントに以下の2つのメソッドを使用しています。 最初の方法 HTML <div id="myDiv">Some Content</div> jQuery $('#myDiv').click(function(){ //Some code }); 第二の方法 HTML <div id="myDiv" onClick="divFunction()">Some Content</div> JavaScript関数呼び出し function divFunction(){ //Some code } 私のアプリケーションでは、1番目または2番目の方法を使用しています。どっちがいいですか?パフォーマンスに優れていますか?そして標準?


19
jQuery $(document).readyおよびUpdatePanels?
私はjQueryを使用して、UpdatePanel内の要素にマウスオーバー効果を関連付けています。イベントはバインドされています$(document).readyます。例えば: $(function() { $('div._Foo').bind("mouseover", function(e) { // Do something exciting }); }); もちろん、これは最初にページが読み込まれたときに正常に機能しますが、UpdatePanelが部分的なページ更新を実行すると、ページは実行されず、マウスオーバー効果はUpdatePanel内では機能しなくなります。 最初のページの読み込み時だけでなく、UpdatePanelが部分的なページの更新を起動するたびにjQueryでデータを配線するための推奨されるアプローチは何ですか?代わりにASP.NET Ajaxライフサイクルを使用する必要があり$(document).readyますか?

30
子要素にカーソルを合わせるとHTML5 dragleaveが発生する
私が抱えている問題dragleaveは、要素の子要素をホバーすると要素のイベントが発生することです。また、dragenter親要素を再びホバーするときにも発生しません。 簡単なフィドルを作成しました:http : //jsfiddle.net/pimvdb/HU6Mk/1/。 HTML: <div id="drag" draggable="true">drag me</div> <hr> <div id="drop"> drop here <p>child</p> parent </div> 次のJavaScriptを使用: $('#drop').bind({ dragenter: function() { $(this).addClass('red'); }, dragleave: function() { $(this).removeClass('red'); } }); $('#drag').bind({ dragstart: function(e) { e.allowedEffect = "copy"; e.setData("text/plain", "test"); } }); divそこに何かをドラッグすると、ドロップを赤くしてユーザーに通知します。これは機能しますが、p子にドラッグすると、dragleaveが起動され、divはもう赤ではありません。ドロップに戻ってdivも、再び赤くなることはありません。div赤にするためには、ドロップから完全に移動し、再度ドラッグしてドロップする必要があります。 dragleave子要素にドラッグするときに発火を防ぐことは可能ですか? 2017年の更新: TL; DR、pointer-events: none;以下の@HDの回答に記載されているCSS を検索します。これは、最新のブラウザーとIE11で機能します。


25
複数回発生するjQueryクリックイベント
ビデオポーカーゲームの基本を理解する方法として、JavaScriptでビデオポーカーゲームを作成しようとしています。jQueryのクリックイベントハンドラーが複数回起動するという問題に遭遇しました。 それらは賭けをするためのボタンに取り付けられており、ゲーム中に最初の手で賭けをするのにうまく機能します(1回だけ発砲します)。ただし、秒針の賭けでは、ベットまたはプレイスベットボタンが押されるたびにクリックイベントが2回発生します(そのため、1回の押すごとに2倍の正しい金額が賭けられます)。全体として、ベットボタンを1回押したときにクリックイベントが発生する回数は、このパターンに従います。シーケンスのi番目の用語は、ゲームの最初からi番目のハンドをベットすることです:1、2、4、7、11、16、22、29、37、46。これは、価値のあるものはすべてn(n + 1)/ 2 + 1のように見えます。それを理解するのに十分なほど賢くなかったため、OEISを使用しました。:) 動作しているクリックイベントハンドラーを含む関数を次に示します。うまくいけば、簡単に理解できます(知らない場合は知らせてください。それも上手になりたいと思います)。 /** The following function keeps track of bet buttons that are pressed, until place button is pressed to place bet. **/ function pushingBetButtons() { $("#money").text("Money left: $" + player.money); // displays money player has left $(".bet").click(function() { var amount = 0; // …




17
変更前の選択(ドロップダウン)の値の取得
私が達成したいことはいつでも <select>ドロップダウンが変更さ変更前のドロップダウンの値が欲しいことです。私はjQueryの1.3.2バージョンを使用しており、変更イベントを使用していますが、変更後の値はそこにあります。 <select name="test"> <option value="stack">Stack</option> <option value="overflow">Overflow</option> <option value="my">My</option> <option value="question">Question</option> </select> onchangeイベントでスタックに変更すると(つまり、スタックに変更すると)現在、オプションMyが選択されているとしましょう。以前の値、つまりこの場合は期待したい値が必要です。 どうすればこれを達成できますか? 編集:私の場合、同じページに複数の選択ボックスがあり、それらすべてに同じものを適用したいと考えています。また、私の選択のすべてがajaxを介してページをロードした後に挿入されます。

15
jQueryで画像が読み込まれているかどうか(エラーがないかどうか)を確認
JavaScriptとjQueryライブラリを使用して、順序付けられていないリストに含まれている画像のサムネイルを操作しています。画像が読み込まれると1つの処理が実行され、エラーが発生すると別の処理が実行されます。イベントとしてjQuery load()とerror()メソッドを使用しています。これらのイベントの後、私は.completeの画像DOM要素をチェックして、jQueryがイベントを登録する前に画像がまだロードされていないことを確認します。 jQueryがイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、img onerror属性を使用してグローバルに(またはそれ自体のノードで)どこかに「フラグ」を格納して、jQueryが.completeをチェックするときにその「ストア/ノード」をチェックできるようにすることです。 誰かがより良い解決策を持っていますか? 編集:太字の主なポイントと以下の追加の詳細を追加しました: 画像にロードイベントとエラーイベントを追加した後、画像が完全(別名:ロード)であるかどうかを確認しています。そうすれば、イベントが登録される前にイメージがロードされた場合でも、私はそれを知ることができます。イベントの後に画像がロードされない場合は、イベントがイベントを処理します。これの問題は、画像が既にロードされているかどうかを簡単に確認できることですが、代わりにエラーが発生したかどうかはわかりません。

8
Safari for iPadでjQueryを使用してタッチイベントを認識するにはどうすればよいですか?出来ますか?
iPadのSafariブラウザでjQueryを使用してタッチイベントを認識できますか? ウェブアプリケーションでmouseOverイベントとmouseOutイベントを使用しました。mouseOutやmouseMoveなどのイベントがないため、iPadのSafariブラウザに同様のイベントはありますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.