Skip to content

Client Connect and Disconnect Events

Video Lecture

Client Connect and Disconnect Events Client Connect and Disconnect Events Client Connect and Disconnect Events

Description

Client Side Connect and Disconnect events.

src/client/client.ts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
class Client {

    private socket: SocketIOClient.Socket

    constructor() {
        this.socket = io()

        this.socket.on("connect", function () {
            console.log("connect")
            document.body.innerHTML = ""
        })

        this.socket.on("disconnect", function (message: any) {
            console.log("disconnect " + message)
            document.body.innerHTML += "Disconnected from Server : " + message + "<br/>"
            //location.reload();
        })

        this.socket.on("message", function (message: any) {
            console.log(message)
            document.body.innerHTML += message + "<br/>"
        })

        this.socket.on("random", function (message: any) {
            console.log(message)
            document.body.innerHTML += message + "<br/>"
        })        
    }
}

const client = new Client();