問題タブ [dom-events]

ページにドロップダウンがあり、Javascript を使用してポップアップ ウィンドウからドロップダウンの選択した値を変更しています。SelectedIndexChangedドロップダウンイベントにはいくつかのロジックがあるためSelectedIndexChanged、ドロップダウンの選択が Javascript から変更されたときにイベントを発生させる必要があります。

要素の上に別の絶対位置の要素がある要素でマウスイベントをキャプチャしようとしています。

現在、絶対位置にある要素のイベントがその要素にヒットし、その親にバブルアップしますが、これらのマウスイベントに対して「透過的」であり、その背後にあるものに転送する必要があります。これをどのように実装すればよいですか？

Enter キーを押すとフォーカスがページ上の「次の」フォーム要素に移動するフォームを作成しようとしています。私がウェブ上で見つけ続けている解決策は...

残念ながら、これは IE でしか機能しないようです。したがって、この質問の真髄は、誰かが FF と Chrome で機能するソリューションを知っているかどうかです。さらに、フォーム要素自体にonkeydownイベントを追加する必要はありませんが、それが唯一の方法である場合は、追加する必要があります。

この問題は質問 905222に似ていますが、私の意見では独自の質問に値します。

編集: また、ユーザーが慣れ親しんでいるフォームの動作から逸脱しているため、これは良いスタイルではないという問題を提起する人もいます。同意します！お客様からのリクエストです:(

triggerElement関数内で Ajax リクエストを呼び出したへの参照を取得することはできonSuccessますか?

ユーザーが Web ページから Web アプリに画像をドラッグし、その画像 URL をアプリケーションの別の場所に保存して使用できるようにしたいと考えています。というわけで、ドラッグ先として入力フィールドを作成しています。

しかし、これによりドラッグ可能な Web オブジェクト (リンクなど) をドロップできるため、エラー チェックを行う必要があります。そこにボタンを配置することもできますが、ドロップが自動検出された方がよいでしょう。

質問は... 画像がドロップされたときにトリガーされるイベント ハンドラー (主に IE7 と Firefox3 でサポートされている) はありますか? フィールドで変更イベントをトリガーするだけですか？

Object.Watchとは両方とも現在非推奨になっていることに注意してくださいObject.Observe（2018年6月現在）。

オブジェクトまたは変数の変更を監視する簡単な方法を探していましたがObject.watch()、Mozillaブラウザーではサポートされていますが、IEではサポートされていないことがわかりました。それで私は誰かが何らかの同等のものを書いたかどうかを確かめるために周りを探し始めました。

私が見つけたのはjQueryプラグインだけですが、それが最善の方法かどうかはわかりません。私は確かにほとんどのプロジェクトでjQueryを使用しているので、jQueryの側面については心配していません...

とにかく、質問：誰かがそのjQueryプラグインの実用的な例を見せてもらえますか？私はそれを機能させるのに問題があります...

または、クロスブラウザで機能するより良い代替案を知っている人はいますか？

回答後に更新：

回答ありがとうございます！ここに投稿されたコードを試してみました： http ：//webreflection.blogspot.com/2009/01/internet-explorer-object-watch.html

しかし、IEで動作させることができなかったようです。以下のコードはFirefoxでは正常に機能しますが、IEでは何も機能しません。watcher.statusFirefoxでは、変更されるたびにdocument.write()inwatcher.watch()が呼び出され、ページに出力が表示されます。IEでは、これは発生しませんが、最後の呼び出しで正しい値が表示されるため（IEとFFの両方で）watcher.status、値が更新されていることがわかります。document.write()しかし、コールバック関数が呼び出されない場合、それは一種の無意味です... :)

私は何かが足りないのですか？

IE6 と FireFox で動作します。しかし、何らかの理由でIE7にはありません。

Page_Init で ASP.NET を使用して、本の画像へのリンクである章のリストと、pageID を保持する Javascript 配列を設定します。

元。

第 1 章 --> href="javascript:seePage(4);"

これが私が使用している実際のコードです：

チャプター 1 をクリックすると、全体的に画像が正常にロードされ (IE6、7、FF)、2 番目のチャプター リンクをクリックしても機能します。ただし、IE7 では (および IE7 でのみ) 同じチャプターを 2 回クリックすると (chap1、chap2、次に chap1 をもう一度)、画像が「読み込み中」の画像で動かなくなります...

時間の入力と編集に特化したテキスト入力フィールドを構築しています。機能の一部では、時間のさまざまな構成要素 (時間、分、秒) に焦点を当てるさまざまな方法が必要です。これは、テキストの選択によって示されます。マウスで直接選択が可能で、これはうまく機能しています。もう 1 つの機能は、キーボード ナビゲーションです。

この機能のほとんどは、keyPress イベントを処理し、デフォルトの動作を抑制し、代わりに特別なアクションを代用できるという事実に依存しています。

Firefoxでは、これがうまく機能しています。ユーザーは、左/右矢印キーまたはタブ/シフトタブを使用して時間の一部を移動できます (最後に到達すると、次のタブ キーはフィールドを離れ、次の要素に通常どおりフォーカスします)。

Internet Explorer 7 (他の可能性もありますか?) では、矢印キーとタブは keypress ハンドラーによってさえ受け取られません。矢印キーを押すと、テキストの選択が失われ、カーソルが 1 つ移動します。複数のフィールドを提供する効果がなくなり、コントロールが壊れているように感じます。タブもハンドラーをスキップするようで、すぐに次のフォーカス可能な要素に切り替えます。

これらのキーを傍受するためのトリックはありますか?

IE8 で発生する問題がありますが、IE7 または IE8 互換モードでは発生しません。IE8 では、マウスがテーブル セル内のテキストの上にある場合にのみ、マウス クリック イベントを発生させることができます。マウスが同じセルの空白の領域にある場合、マウス クリック イベントは発生しません。テーブルは動的に生成されます。ブラウザは互換モードで実行されています。

コードはすべてのブラウザーで正常に動作します。テーブルセル全体ではなく、セル内のテキストの上に配置された場合にのみマウスクリックを認識させるIE8の何かを知っているかどうか疑問に思っていました。表は、列ごとに幅が指定された固定レイアウトです。