如何在点击事件中启动socket-io？

Question

I want to make it so when I click an element with class chatroom, socketio will connect to flask. Here is the server side:

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

Here is the 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");
    });
});

Without the jquery selector, the chatroom works. How can I make it work with the selector?

Answer 1

You can send ajax call request for connect and handle that in socket. In think below code snippet can help you other way round.

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