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

socket io鼠标点击事件

1 个答案: