聆听CSS和JavaScript事件

Question

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

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

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

有什么想法，听什么和传递给其他浏览器，所以我可以在那里触发相同的事件？ 我正在jQuery中工作。

UPDATE

悬停只是我需要的一个例子。 我想捕捉页面上的每一个css/javascript动作，我不知道它会是什么（悬停，输入文本，改变单选按钮状态）

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

Answer 1

比方说，你想捕捉悬停事件的链接：

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

在你的JavaScript，after the DOM is ready，你可以把这样的事情：

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