問題タブ [dom-events]

SharePoint Web パーツ内で実行される JavaScript があります。ウィンドウのサイズが変更されたときに関数を実行したいと思います。通常、私は使用します

しかし、SharePoint では状況が複雑になります。onload私はこのように使用できる機能を持っています:

これはonLoadイベントで実行されます。onResizeイベントに似たようなものはありますか？

ユーザーがaddthisウィジェットを利用できるようにしたいのですが、ページができるだけ早く読み込まれるように遅延読み込みしたいと考えています。ただし、スクリプト タグを使用してから、遅延読み込みメソッドを使用して試してみたところ、スクリプト タグを介してのみ機能するように見えます。難読化されたコードでは、DOMContentLoaded イベント (少なくとも Firefox の場合) に依存しているように見えるものがあります。

DOMContentLoaded イベントがすでに発生しているため、ウィジェットは正しくレンダリングされません。何をすべきか？

スクリプト タグを使用することもできます (遅い)... または、(クロス ブラウザーの方法で) DOMContentLoaded (または同等の) イベントを発生させることはできますか? (jQuery のように) コンテンツ準備完了イベントの複数のテストがあり、複数のシミュレートされたイベントが発生する必要があると考えているため、これは不可能かもしれないと感じています。

とはいえ、これは興味深い問題です。いくつかのウィジェットが、静的なスクリプト タグを介してそれらのものをインクルードしていると想定しているのを目にしたからです。速度を気にする開発者にとってより便利なコードを書いてくれればいいのですが、それまでは回避策はありますか? および/または私の仮定のいずれかが間違っていますか?

編集： 質問に対する最初の回答は私の問題の要点を逃しているように見えたので、状況を明確にしたかった.

これは特定の問題についてです。さらに別の遅延読み込みスクリプトを探したり、依存関係が読み込まれたスクリプトであるかどうかを確認したりしません。具体的には、この問題は

1. あなたが制御できず、難読化されている場合とされていない場合がある外部ウィジェット
2. 外部ウィジェットが必要になるまで、または少なくとも、他の遅延要素を含む他のすべてがロードされた後まで、外部ウィジェットのロードを遅らせる
3. ウィジェットの作成方法の b/c は、既存の典型的な遅延読み込みパラダイムを排除します

難解ですが、いくつかのウィジェットで発生するのを見てきました.ウィジェット開発者は、ページの下部に別のスクリプトタグを追加するだけでよいと想定しています. この 500 ～ 1000 ミリ秒** を節約したいと考えていますが、Yahoo、Google、および Amazon による多数の調査により、ユーザー エクスペリエンスにとって重要であることが示されています。

**ハンマーヘッドと個人的な経験による私のテストは、これがこの場合の私の節約になることを示しています。

スローされたすべての未定義関数エラーをキャッチしたいと思います。JavaScript にグローバルなエラー処理機能はありますか? ユースケースは、定義されていないフラッシュからの関数呼び出しをキャッチすることです。

私が抱えている問題は、ログ リーダーでもすべてのイベントを追跡することです。これにより、作業が非常に困難になります。リーダーを上下にスクロール、クリック、または移動してイベントを調べると、あちこちにスクロールして新しいイベントが追加されます。特定のソースからの特定のイベントのみを含めるようにフィルタリングする方法はありますか? 私は何か間違ったことをしている可能性がありますか？Firefox で 2.7 バージョンを使用しています。

JavaScript を使用して Safari でキーボード イベントをシミュレートしようとしています。

私はこれを試しました：

...そしてこれも：

ただし、両方のアプローチを試した後、同じ問題があります。コードが実行された後、イベント オブジェクトのkeyCode/whichプロパティが0ではなくに設定され115ます。

Safariでキーボードイベントを確実に作成してディスパッチする方法を知っている人はいますか? (可能であれば、プレーンな JavaScript で実現したいと思います。)

たとえば、IE 7でJavascriptリンクをクリックすると

ページが更新されます。これは、私が継承した Drupal プロジェクトで発生しています。Drupal の外部で同じスクリプトを実行すると、この問題は IE7 では発生しません。

Drupal の管理onclickイベントでも、ページがリロードされます。

http://www.goswerve.com/drupalsite/NDT_classroom_locations.php?locZip=98021 (「View Classrooms 11 - 21」リンクをクリックします。)

興味深いことに、上記の URL の末尾に数字を追加すると、同じリンクが意図したとおりに機能します。

上司も私もこれを理解することはできません。Drupalの問題かどうかさえわかりません。この問題のトラブルシューティング方法に関するガイダンスをいただければ幸いです。私のjsスキルは平凡なので、覚えておいてください。さらに情報が必要な場合は、お知らせください。

キーの組み合わせであるIE7のJavascriptでキープレスを処理するにはどうすればよいですか?

Ctrlたとえば、コマンド+Iで通知スクリプトを起動したいと思います。これについてどうすればよいですか？

Event と Handler のカスタム セットを作成する例を教えてください。更新されたかどうかをウィジェットに知らせたい Person オブジェクトがあるとします。

HandlerManager を作成したら、次に Event と Handler を作成する必要があります。イベントをサブスクライブして起動できるようにするには、これらのクラスをどのように定義しますか?

ほとんどのイベントは DOM ベースですが、ブラウザーベースのイベントの外部で起動できるカスタム イベントとハンドラーをいくつか作成したいと考えています。

背景情報:
呼び出されたときにフォーム内に選択リストを作成して入力する関数があります。その後、スクリプトはリスト内のオプションを実行し、特定の値を探します。値が存在する場合、スクリプトはそのオプションを「選択」します。

問題:
リストは動的に作成され、場合によっては非常に大きくなるため、ロードに時間がかかります。これが発生すると、スクリプトの 2 番目の部分 (オプションを選択する部分) は何も実行しません。これは、選択リストをロードする時間がないためです。

解決策のアイデア:選択リスト
のイベントで関数の 2 番目の部分を (別の関数として) 呼び出すとよいでしょう。しかし、選択リストは属性onloadを持つべきではありません。onloadもう 1 つのアイデアは、単純に遅延を追加することですが、ある日、遅延が十分に長くない場合があります。

titleいくつかのコンテナーにラップされた、属性 (つまり、ツールチップ)を持つ要素があります。

コンテナーにイベント リスナーをアタッチし、"mousemove"イベントの伝播を停止します。

コンテナーでの "mousemoves" の伝播を停止するこの組み合わせにより、Firefox 2以降では、ツールチップが内部テキスト ボックスに表示されなくなりました。FF 2[.0.0.20]、3[.0.11]、および最新の 3.5 (Windows Server 2003、XP) を試しました。

簡単な演習として、Firefoxユーザーは、上記と同等の次のロジックをアドレス バーで実行することにより、このバグの動作を確認できます。

この質問の賛成票、反対票、またはスター (お気に入り) アイコンのいずれかにマウスオーバーします。ツールチップは表示されなくなりました。繰り返しますが、Firefox のみです。

Firefox のこの動作/バグの回避策はありますか? 他の誰かがこれを目撃しましたか？

更新: Firefox は、「マウスの移動が停止しました」を使用して、ブラウザーのクロム (戻る/進むボタンなど) でツールチップをトリガーしているようです。https://bugzilla.mozilla.org/show_bug.cgi?id=82953を参照してください。ただし、これがDOMに影響するかどうかはわかりません。

更新: Firefox 10 がこの動作を示す最後のバージョンのようです。Firefox 11.0 以降では、イベントの伝播に関係なくツールチップが表示されます。

更新: Firefox 33(.1) では、この動作は発生しなくなりました。