Javascript 如何在单击事件中启动套接字io？

我想让它成为这样，当我用类聊天室单击一个元素时，socketio将连接到flask。 以下是服务器端：

@socketio.on('joined')
def handle_connections(data):
    username = session['Username']
    socketio.emit('status', {'msg': username + ' has entered the room.' });

下面是javascript

var socket = io.connect( 'http://' + document.domain + ':' + location.port );
$(document).ready(function(){
    $('.chatRoom').click(function(event){   
            event.preventDefault();

            socket.on( 'connect', function() {
                socket.emit( 'joined', {});
            }); 
    });

    socket.on( 'status', function(data){
            console.log("user connected");
    });
});

---

没有jquery选择器，聊天室就可以工作。如何使用选择器使其工作

您可以为connect发送ajax调用请求，并在socket中处理该请求。 在“思考以下”中，代码片段可以帮助您实现另一个目的

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

---

在创建侦听器之前，套接字是否可能发出“connect”事件？尝试在jquery事件中移动var套接字声明。不幸的是，没有运气。