2

あるブラウザーから別のブラウザーに 1 つのユーザー アクションをコピーするプロジェクトに取り組んでいます。

両方のユーザーが同じページを見ています。あるユーザーのマウスの動きを別のブラウザーに転送できる環境を作成しました (ユーザーは自分のマウスと別のユーザーのマウスを見ることができます)。他のユーザーは動きとクリックを見ることができ、誰かがリンクをクリックすると、両方のブラウザーがその URL に移動します。

今、ページにcss/javascriptメニューがあり、ホバーアクションを転送したいと思います(最初のユーザーがメニューリンクにホバーすると、他のユーザーは自分のページに同じホバーアクションが表示されます)。

そこで同じイベントをトリガーできるように、何をリッスンして他のブラウザーに渡すかについてのアイデアはありますか? 私はjQueryで働いています。

アップデート

ホバリングは、私が必要とするもののほんの一例です。ページ上のすべての css/javascript アクションをキャッチしたいのですが、それがどうなるかわかりません (ホバリング、テキストの入力、ラジオ ボタンの状態の変更)

すべての要素に耳を傾け、何が起こったのかを知る必要があるので、それを転送して反対側で同じアクションを実行できます。

4

1 に答える 1

0

リンクのホバー イベントをキャプチャしたいとします。

<a href="http://example.com">A link!</a>

JavaScript では、DOM の準備が整った後、次のように記述できます。

$('a').on('hover', function() {
    // do something!
});

特定のリンクではどうですか？

<a href="http://example.com" id="this-one-link">A great link too.</a>

JavaScript は次のようになります。

$('#this-one-link').on('hover', function() {
    // do something!
});

リンクのクラスを作成することもできます。この例では、最初の 2 つのリンクがイベントをトリガーしますが、最後のリンクはトリガーしません。

<a href="http://example.com" class="hover-event">Example 1</a>
<a href="http://example.com" class="hover-event">Example 2</a>
<a href="http://example.com">Example 3</a>
<a href="http://example.com">Example 4</a>

そしてあなたのJavaScript：

$('#this-one-link').on('hover', function() {
    // do something!
});
于 2012-08-27T08:54:12.930 に答える