监听CSS和JavaScript事件

Question

我正在做一个将一个用户操作从一个浏览器复制到另一个浏览器的项目。

两个用户都在看同一页面。 我创建了一个环境，可以在其中将一个用户的鼠标移动转移到另一个浏览器（用户可以看到自己的鼠标和另一个用户的鼠标）。 其他用户可以看到移动和点击，当有人单击链接时，两个浏览器都转到该URL。

现在，我在页面上具有css / javascript菜单，并且我想转移悬停操作（当第一个用户悬停菜单链接时，其他用户将在其页面上看到相同的悬停操作）。

关于听什么并传递给其他浏览器的任何想法，以便我可以在那里触发相同的事件？ 我正在使用jQuery。

更新

徘徊只是我所需要的一个例子。 我想捕捉页面上的每个CSS / JavaScript操作，但不知道会是什么（悬停，输入文本，更改单选按钮状态）

我需要听每个元素并知道发生了什么，因此我可以转移它，并在另一端执行相同的操作。

Answer 1

假设您想捕获链接上的悬停事件：

<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!
});

---

您还可以创建一类链接。 在此示例中，前两个链接将触发事件，但不会触发最后一个。

<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!
});