socket io鼠标点击事件

Question

有没有人知道如何听CLICK或HOVER等鼠标事件,这样当我点击或悬停任何元素时,它会在第二个浏览器中发生相同的事情？抱歉不包括代码.

<script>
    // creating a new websocket
    var socket = io.connect('http://localhost:8000');

    // on message recived we print the new data inside the #container div
    socket.on('notification', function (data) {
        $("p").click(function () {
            alert("Hello");
            //or change the color
            $(this).css({"color": "red"});
        });

        var usersList = "<div id='aaa'>";
        $.each(data.users, function (index, user) {
            usersList += "<p>" + user.users + "</p>";
        });

        usersList += "</div>";
        $('#container').html(usersList);
    });
</script>
<p>Click me!</p>

Answer 1

客户端:

在客户端,您应该首先为您需要的每种类型的事件定义一个事件监听器(使用jQuery).在该侦听器中,只需发出一个包含触发事件的元素ID的socket.io事件,因此服务器可以将该广播广播给所有其他客户端.

此外,如果从服务器收到一个事件,你应该通过jQuery在它的相应元素上模拟它.

$(document).on('click', function(event){
    socket.emit('myClick', {id: event.target});
}

var socket = io.connect('http://localhost');

socket.on('myClick', function (data) {
    $(data.id).trigger('click');
}

服务器端:

在服务器端,只是将所触发的任何事件发送给除发送者之外的所有其他客户端.

var io = require('socket.io').listen(80);

io.sockets.on('connection', function (socket) {
    socket.on('myClick', function (data) {
        socket.broadcast.emit('myClick', data);
    });
});