問題タブ [javascript-events]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - スクロール可能なdivのスクロールを一時的に防ぐにはどうすればよいですか?
これが私の現在の状況です:
いくつかのスクロール可能な div を含む Web ページがあります。これらの各 div には、多数のオブジェクトが含まれています。YUI を使用して、各オブジェクトで実行できるアクションのポップアップ メニューを表示しています。各オブジェクトには、動的に構築および表示される独自のメニューが関連付けられています。ポップアップ メニューは大きくなる可能性があり、スクロール可能な div の境界に重なる可能性があります。
フォーカスの問題 (メニューにアクセスできる必要があります) から、スクロール可能な div の端にあるアクションの上にマウスを置くと、div が自動的にスクロールし、コンテンツは移動しますが、メニューは静止したままになります。これが発生したときにメニューを動的に移動しようとすることは、ユーザー エクスペリエンスが低下すると思われるため、私がやりたいことではありません。
したがって、このフォーカスされたメニューが div をスクロールしないようにする必要があります。最良のユーザー インターフェイスを提供するための私の考えは、メニューが開いているときにこれらの内部 div がスクロールしないようにすることです。これにより、メニューが最適な位置に配置され、どのアイテムが操作されているかをユーザーに示すことができます。ユーザーがボックスをスクロールしたい場合は、クリックしてメニューを閉じてから、通常どおりスクロールできます。
これどうやってするの?主要なブラウザーで動作するソリューションが必要です。
私が最初に考えたのは、その特定の要素のonscrollイベントをリッスンすることでした。残念ながら、そこからスクロールが起こらないようにする簡単な方法はないようです。1 つには、実際のスクロールが発生した後に、私の Javascript イベント コードが実行されているように見えます。
次に、オブジェクトがスクロールした後にコードが実行されるため、obj.scrollTopとobj.scrollLeftをリセットするだけでよいと考えました。案の定、これは機能しているように見えますが、遅いブラウザーでは、ユーザーが div 内のコンテンツを「飛び回る」ように見えるのではないかと心配しています。また、要素のスクロール量がイベント オブジェクトの一部であると、非常に便利です。どこかに引っかかってませんか?この要素の scrollTop 変数と scrollLeft 変数を保存し、スクロールが一時的に無効になっている間にそれらを使用する代わりの方法を探しています。
この問題全体を解決する最善の方法は何ですか?
javascript - Javascript .onchange の制限
ますます複雑な Javascript ソリューションを開発し始めると、環境の変化を監視するために javascript がどのようなオプションを提供してくれるのか疑問に思います。監視したい要素に常に ping を実行する非常に多くのソリューションを見てきましたが、リソースを大量に消費するアプリケーション (または開発者の基準に応じて任意のケース) では、肥大化して実行可能な方法にはなりすぎます。 . 「javascript の onchange イベントの制限は何ですか?」具体的には、現在、ウィンドウのサイズを監視しようとしています。このようなものに .onchange イベントを利用する方法はありますか? これをどのように解決しますか?
ありがとう!みんなの意見を聞いてとても興味があります。
javascript - JavaScript を使用して Web ページが完全に読み込まれたかどうかを確認する方法
<a "href">
ページが完全に読み込まれるまで、使用している画像を無効にする必要があります。
document.ready()
ドキュメントの準備が整う前に を無効にする必要があるため、使用できません。
誰かがこれで私を助けてくれますか?
よろしく、 ガネーシュ
javascript - ajax呼び出しでロードされたDOMの入力フィールドにフォーカスできません
私はこれを機能させる方法を理解しようとして非常識になりました。コードはおおよそ次のようになります。
変更ハンドラーが最初に起動されると、ajax更新が実行され、テキストボックスがフォーカスされます。
ただし、その後の変更では、引き続きajaxの更新が行われますが、テキストボックスが再びフォーカスされることはありません。
onDropDownChanged
で、ajax呼び出しの前に追加$("#updatePanel").empty()
すると、テキストボックスが常にフォーカスされることがわかりました。それに関する問題は、フォーム全体が一瞬消えて、醜いフラッシュを引き起こすことです。ajaxはこのようなものを素晴らしいものにするはずなので、私が使用したい回避策ではありません。
javascript - Javascriptを使ってコピペ
EmailID と UserId の 2 つのテキスト ボックスがあります。現在、ユーザーが自分の EmailId を入力すると、同じものが UserID TextBox に表示されます。このため、OnkeyDown イベント javascript を使用しています。
私が抱えている問題は、ユーザーが EmailId をコピーして EmailId textBox に貼り付けた場合、OnKeyDown イベントが発生しないことです。キャプチャする必要がある他のイベントがあるか、これに対する回避策があります。
javascript - Javascript キー プレス バッファの問題
ホットキーが押された後にキーを飲み込み始め、シーケンス(バーコードスキャン)の最後にAJAXプロセスを開始する機能があります。
問題は、ユーザーが誤ってホット キーを押した場合にどうなるかということです。
私の紙ナプキンの解決策は次のとおりです。
では、Javascript で sendkeys をどのように記述すればよいでしょうか。(ところで、これはIE固有のものである可能性があります)。現在の実装では jQuery を使用していますが、コードには sendkeys 関数のコンテンツがありません。
javascript - Javascript DOM オブジェクトで .onKeyUp および .onChange を使用する
私が遊んでいる Javascript/DOM コードで奇妙な問題が発生しています。.onKeyUp および .onChange イベント/メソッドを次のようにテキスト入力に割り当てようとしています:
奇妙なことに、そのメソッドを使用して割り当てても何も起こらないため、次を使用して手動でこれを行う必要があります。
ここで何か不足していますか?前に述べた最初の方法を使用しましたが、うまくいきました。ご協力いただきありがとうございます!
javascript - オンサブミットフォーム検証機能がIEで機能しない
htmlフォームの単純なjavascript検証関数に取り組んでいますが、IE7を使用すると問題が発生します。エラーメッセージが表示されません。フォームは検証せずに送信するだけです。FirefoxとOperaは正常に動作するので、ここで何が間違っているのかよくわかりません。私はグーグルで検索しましたが、役立つものが見つからなかったか、適切なキーワードをグーグルで検索していない可能性があります。
*また、IEでjavascriptをデバッグするために使用する優れたツールを誰かが推奨できる場合。
どんな助けでもありがたいです。
javascript - 非表示の入力要素の値を監視するにはどうすればよいですか?
オプションがクリックされるたびに(各選択の視覚的表現とともに)Javascriptを介して非表示のINPUTに値を追加するSELECT要素があり、別のJavascript関数の変更を監視できるようにしたいと考えています。モジュール性のために、2 番目の関数を最初の関数に統合することはできません。また、ハッキングを避けるために、隠された INPUT の値をポーリングしたくありません。現在、SELECT と非表示の INPUT の両方を含む DIV で onclick イベントを使用していますが、これも非常にハックっぽいです。非表示の INPUT 要素の変更を監視する方法を知っていますか?