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

このタグは使用しないでください!JavaScriptにはイベントコンストラクトはありません。[dom-events]、[jquery-events]、[backbone-events]を使用します。またはライブラリ/環境+ [イベント]例[node.js] + [イベント]

15
Firebugまたは同様のツールを使用してJavaScript / jQueryイベントバインディングをデバッグする方法
かなり複雑で面倒なDOM操作を行うために、jQueryを使用するWebアプリケーションをデバッグする必要があります。ある時点で、特定の要素にバインドされた一部のイベントは発生せず、単に動作を停止します。 アプリケーションのソースを編集する機能がある場合は、ドリルダウンして一連のFirebug console.log()ステートメントとコメント/コメント解除コードを追加して、問題を特定します。しかし、アプリケーションコードを編集できず、Firebugまたは同様のツールを使用してFirefoxで完全に作業する必要があると仮定します。 Firebugは、DOMをナビゲートして操作するのに非常に優れています。しかし、これまでのところ、Firebugでイベントのデバッグを行う方法を理解できていません。具体的には、(Firebug JavaScriptブレークポイントを使用して変更をトレースする)特定の時点で特定の要素にバインドされているイベントハンドラーのリストを表示したいだけです。しかし、Firebugにはバインドされたイベントを表示する機能がないか、私が愚かすぎてそれを見つけることができません。:-) 何か提案やアイデアはありますか?理想的には、今日のDOMの編集方法と同様に、要素にバインドされたイベントを表示して編集したいだけです。

15
jQueryを使用して入力にフォーカスがあるかどうかをテストする
私が構築しているサイトのフロントページでは、いくつか<div>のがCSS :hover疑似クラスを使用して、マウスを上に置くと境界線を追加します。の1つには、jQueryを使用<div>し<form>て、その中の入力にフォーカスがある場合に境界を保持するが含まれます。IE6がs :hover以外<a>の要素をサポートしないことを除いて、これは完全に機能します。したがって、このブラウザでは:hover、$(#element).hover()メソッドを使用してCSS を模倣するためにjQueryのみを使用しています。唯一の問題は、jQueryがフォームfocus() との 両方を処理するようhover()になったことです。入力にフォーカスがある場合、ユーザーがマウスを内側と外側に動かすと、境界が消えます。 この動作を停止するために、なんらかの条件を使用できると考えていました。たとえば、いずれかの入力にフォーカスがあるかどうかマウスアウトでテストした場合、境界線が消えないようにすることができます。私の知る限り、:focusjQuery にはセレクターがないため、これを実現する方法がわかりません。何か案は?

9
jQueryで要素にバインドされたイベントを見つけることはできますか?
このリンクに2つのイベントハンドラーをバインドします。 <a href='#' id='elm'>Show Alert</a> JavaScript: $(function() { $('#elm').click(_f); $('#elm').mouseover(_m); }); function _f(){alert('clicked');} function _m(){alert('mouse over');} 要素にバインドされているすべてのイベントのリストを取得する方法はありますid="elm"か?

6
絶対配置要素を介してマウスイベントを渡す
その上に絶対配置された別の要素を持つ要素のマウスイベントをキャプチャしようとしています。 現時点では、絶対配置要素のイベントがそれにぶつかり、その親に向かってバブルしますが、これらのマウスイベントに対して「透過」にして、その背後にあるものに転送したいと考えています。これをどのように実装すればよいですか?

5
jQueryがフォーカスイベントを失う
入力フィールドがフォーカスを取得した場合にコンテナーを表示し、フォーカスが失われた場合はコンテナーを非表示にしようとしています。これが実際の問題です。jQueryに焦点を当てた反対のイベントはありますか? いくつかのサンプルコード: <input type="text" value="" name="filter" id="filter"/> <div id="options">some cool options</div> <script type="text/javascript"> $('#options').hide(); $('#filter').focus(function() { $('#options').appear(); }); </script> そして、私がしたいのは次のようなものです: $('#filter').focus_lost(function() { $('#options').hide(); });

5
コードでjQuery変更イベントをトリガーする方法
正常に動作している変更イベントがありますが、再帰させる必要があります。 したがって、クラスセレクターに基づいて他のドロップダウンを「変更」する変更時にトリガーされる関数があります(「drop downS」に注意してください。複数ある場合があります)。このプロキシ変更は機能をトリガーしないため、失敗します。どうすればそれを機能させることができますか? コード $(document).ready(function () { var activeDropBox = null; $("select.drop-box").change(function () { var questionId = $(this).attr("questionId"); var selectedAnswer = $(this).val(); activeDropBox = this; alert(this.questionId); $.ajax( { type: "POST", url: answerChangedActionUrl, data: { questionId: questionId, selectedValue: selectedAnswer }, success: function (data) { SetElementVisibility(data.ShowElement, questionId); }, error: function (XMLHttpRequest, textStatus, …

6
$(this)とevent.targetの違いは?
私はjQuery を初めて使用し、JavaScriptおよびjQueryのチュートリアルに従って、タブ付きのパネルを作成していました。 var target = $(this); しかし、私はそれをそのようにしようとしました var target = evt.target; そして私はそのエラーを得ました: Uncaught TypeError: Object http://localhost/tabbedPanels/#panel1 has no method 'attr' そして、にevt.target戻ったとき$(this)、それは魅力のように機能しました。 私は違いますかを知りたい$(this)とevt.target? あなたがそれを必要とした場合の私のコードはここにあります: index.html: <!DOCTYPE html> <html> <head> <title>Tabbed Panel</title> <style> body { width : 100%; height: 100%; } #wrapper { margin : auto; width : 800px; } #tabsContainer { …

4
mouseoverイベントとmouseenterイベントの違いは何ですか?
私はいつもmouseoverイベントを使用してきましたが、jQueryのドキュメントを読んでいるときに見つけましたmouseenter。それらはまったく同じように機能するようです。 2つの間に違いはありますか?ある場合、いつ使用する必要がありますか? (mouseoutvsにも適用されますmouseleave)。

5
HTML <input type = 'file'>ファイル選択イベント
次のコードがあるとします。 &lt;form action='' method='POST' enctype='multipart/form-data'&gt; &lt;input type='file' name='userFile'&gt;&lt;br&gt; &lt;input type='submit' name='upload_btn' value='upload'&gt; &lt;/form&gt; これはこれをもたらします: ユーザーが[参照...]ボタンをクリックすると、ファイル検索ダイアログボックスが開きます。 ユーザーは、ファイルをダブルクリックするか、[開く]ボタンをクリックしてファイルを選択します。 ファイルが選択された後に通知を受けるために使用できるJavascriptイベントはありますか?

5
要素がフォーカスを失ったときにJavaScriptを実行する
フォーカスを失ったときにJavaScriptコードを実行したい標準のHTML入力があります。残念ながら、私のGoogle検索では、これを行う方法が明らかになりませんでした。 それを明確にするために、私はこれを行う方法を探しています: &lt;input type="text" name="name" value="value" onlosefocus="alert(1);"/&gt;


4
インターセプトページ終了イベント
システム内のページを編集するときに、ユーザーが別のWebサイトに移動することを決定した場合、保存していないすべての編集内容が失われる可能性があります。 現在の作業が失われる可能性があるため、別のページに移動しようとする試みを阻止して、これを実行することをユーザーに確認したいと考えています。 Gmailはこれを非常によく似た方法で行います。たとえば、新しいメールを作成し、メッセージ本文に入力を開始して、アドレスバーに新しい場所を入力します(たとえば、twitter.comなど)。「よろしいですか?」 これを複製する方法は?IE8をターゲットにしていますが、FFおよびChromeにも対応したいと考えています。

8
HTMLボタンがページをリロードしないようにする方法
ボタン(&lt;input type="submit"&gt;)があります。クリックするとページがリロードされます。hide()ページの読み込み時に呼び出されるいくつかのjQuery 関数があるため、これらの要素が再び非表示になります。ボタンに何もさせないようにするには、ボタンをクリックしたときに発生するアクションを追加しますが、ページをリロードしません。

6
キープレスイベントの後にjquery .val()を取得するにはどうすればよいですか?
私が得た: $(someTextInputField).keypress(function() { alert($(this).val()); }); これで、アラートは常にキーを押す前に値を返します(たとえば、フィールドが空で、「a」と入力するとアラートに ''が表示されます。次に「b」と入力すると、アラートに「a」が表示されます...)。しかし、キーを押した後の値が欲しいのですが、どうすればいいですか? 背景:テキストフィールドに少なくとも1つの文字が含まれるとすぐにボタンを有効にしたいと思います。したがって、すべてのキープレスイベントでこのテストを実行しますが、返されたval()を使用すると、結果は常に1ステップ遅れます。テキストボックスを離れるまでボタンが無効になるため、change()イベントの使用は私にとってオプションではありません。それを行うためのより良い方法がある場合は、それを聞いてうれしいです!

15
Chromeでのページの読み込み時のポップステート
OverаэтотвопросестьответынаStack Overflowнарусском:Chromeненужнаяперезагрузкастраницыhistory api WebアプリにHistory APIを使用していますが、1つの問題があります。ページの一部の結果を更新するためにAjax呼び出しを行い、history.pushState()を使用して、ページをリロードせずにブラウザーのロケーションバーを更新します。次に、もちろん、戻るボタンがクリックされたときに以前の状態を復元するためにwindow.popstateを使用します。 問題はよく知られています— ChromeとFirefoxはそのpopstateイベントを別の方法で扱います。Firefoxは初回ロード時に起動しませんが、Chromeは起動します。読み込み時にまったく同じ結果を更新するだけなので、読み込み時にイベントを発生させないように、Firefoxスタイルにしたいと思います。History.jsを使用する以外に回避策はありますか?私がそれを使用したくない理由は、それ自体が非常に多くのJSライブラリを必要とすることです。また、すでに多くのJSを含むCMSに実装する必要があるので、入れているJSを最小限にしたいと思います。 。 したがって、Chromeがロード時に「popstate」を起動しないようにする方法があるかどうか、または、すべてのライブラリが1つのファイルにマッシュアップされているときに誰かがHistory.jsを使用しようとしたかどうかを知りたいです。

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