問題タブ [dom-events]

私はこの問題に直面しています:

ORDERボタンの機能を変更する必要があります。イベントが生成される直前にREFRESH(イベントを生成する) 機能をトリガーする必要があります。SC_REFRESHSC_ORDER

onlickこれは、ORDERボタンの1 つで 2 つのイベントをトリガーする必要があることを意味しREFRESHますORDER。2 つのイベントの間に 2 秒のタイム ブレークがあります。の機能はREFRESH変わりません。

私はonmouseoverJavascriptで次の機能に取り組んでいます

私は、Firefox ではイベントを関数に渡す必要があるという印象を受けています。ただしevt、ヌルとして入っているようです。これを引き起こしている可能性のあるものはありますか？

編集 ：

このメソッドを呼び出すコードは次のように機能します。

その文字列は、ページの div に追加されます。これは本当に理想的ではないことはわかっていますが、私は古いフレームワークで作業しており、いくつかの新しい機能を押し込もうとしています.

YUI を使用して、JavaScript イベントが伝播し続けないようにしようとしています。以下は、問題を示す最小限の HTML と最小限の JavaScript です。

HTML:

JavaScript:

私が予想しているのは、ユーザーが をクリックしfooて 3 クリック ハンドラーを追加し、次に をクリックできることbarです。次に、ユーザーには 2 つのアラートが表示さbarClickTest1れbarClickTest2ます。代わりに、3 つのアラートすべてが発生します。は、 へのイベントの伝播を停止するというYAHOO.util.Event.stopEvent(e)、私が期待することを行いませんbarClickTest3。

コードを Firefox 3.0.7 と Safari 3.2.1 でテストしました。上記のように、私も試しYAHOO.util.Event.stopPropagation(e)てみe.stopPropagation()ました. それらのどれもトリックをしませんでした。

これは明らかに不自然な例ですが、問題を示しています。実際のソリューションでは、いくつかの条件が満たされた場合にのみ、イベントの伝播を防ぎます。

JavaScript のイベントに関する私の理解は、単純にめちゃくちゃなのでしょうか? どうすれば目標を達成できますか?

ナビゲーションにAjaxとハッシュを使用しています。

window.location.hashこのように変更されたかどうかを確認する方法はありますか？

http://example.com/blah＃123からhttp://example.com/blah＃456 _ _

ドキュメントの読み込み時に確認すれば動作します。

しかし、＃hashベースのナビゲーションがある場合、ブラウザの戻るボタンを押しても機能しません（したがって、blah＃456からblah＃123にジャンプします）。

アドレスボックス内に表示されますが、JavaScriptではわかりません。

私の質問と例は、この質問のジェイソンの回答に基づいています

の使用を避け、送信ボタンがクリックされたときにeventListenerを呼び出すようにしています。handleClick onsubmit

私が持っているコードでは絶対に何も起こりません。

なぜhandleClick呼び出されないのですか？

編集：

フレームワークを解決策として提案しないでください。

コードに加えた関連する変更を次に示します。これにより、同じ動作が発生します。

ユーザーがシフトキーを押したり離したりするタイミングを正確に検出するために、キーボードイベント (keydownおよび) を使用しています。keyup

Safari 3 以降では、これで問題なく動作します。ただし、Safari 2.0 はシフト キーに対してキーボード イベントを発生させないようです。実際、どの修飾キーに対してもイベントを発生させないようです...

この問題に対処または回避する方法を知っている人はいますか?

(この特定のケースでは、ダッシュボード ウィジェットでこのコードを使用しているため、Safari でのみ作業する必要があります。)

私のサイトには、さまざまな画面幅に合わせてカスタマイズされた多くのスタイルシートがあります。ブラウザのサイズが変更されると、window.onresizeイベントは、を見て実際にサイズ変更が行われたことを確認しdocument.documentElement.clientWidthます。含まれている場合は、スクロールバーが表示されるまで、連続して大きいスタイルシートがオンになります。次に、スクロールバーが消えるまで逆の順序でオフにします。スクロールバーは、と比較することで検出されoffsetWidthますscrollWidth。

IE8では、2つの新しい問題がサイズ変更の検出を混乱させます。1つは、onresizeスクロールバーが表示または非表示になるたびに発生し、2つは、d.dE.clientWidthスクロールバーなしの幅を報告します。これは、IE7および他のすべてのブラウザーからの中断です。私のサイトは、ロジックがより大きなスタイルシートをアクティブにしてスクロールバーを作成するループに頻繁に閉じ込められ、スクロールバーの表示または非表示によって変更さonresizeれたためにフィルターで除外できない別のサイズ変更イベントをトリガーします。IE8に私がチェックできるclientWidthようなものがあれば、これは簡単な修正になります。outerWidth

次のようなクラスを作成しました。

残念ながら、これthisはトリガーされたイベント (私の場合は<a>タグ) であり、クラス プロパティにアクセスできません。

助言がありますか？

私のサーバー側のコードでは、テーブルを動的に構築しています。現在、行のクリックを処理するために次のコードを追加しています。

これを左クリックのみで機能させ、右クリックに別の属性を追加して別の場所に移動する方法はありますか?