Is it possible to change the click function to another function type?

Question

Follows the code:

var connection = $.hubConnection();
var contosoChatHubProxy = connection.createHubProxy('contosoChatHub');
contosoChatHubProxy.on('addContosoChatMessageToPage', function(name, message) {
    console.log(name + ' ' + message);
});
connection.start().done(function() {
    // Wire up Send button to call NewContosoChatMessage on the server.
    $('#newContosoChatMessage').click(function () { // <----------AQUI
        contosoChatHubProxy.invoke('newContosoChatMessage', $('#displayname').val(), $('#message').val());
        $('#message').val('').focus();
                });
    });

I just don’t want the job click to run this line below:

contosoChatHubProxy.invoke('newContosoChatMessage', $('#displayname').val(), $('#message').val());

There is another way to run the above line without using the click function ?

Documento Signalr: https://docs.microsoft.com/en-us/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client

UPDATE:

$(function () {
    myFunction();
});

function myFunction() {
    var connection = $.hubConnection();
    var contosoChatHubProxy = connection.createHubProxy('contosoChatHub');
    contosoChatHubProxy.on('addContosoChatMessageToPage', function (name, message) {
        console.log(name + ' ' + message);
    });
    connection.start().done(function () {
        $('#newContosoChatMessage').click(function () { // <----------AQUI
            contosoChatHubProxy.invoke('newContosoChatMessage', $('#displayname').val(), $('#message').val());
            $('#message').val('').focus();
        });
    });
}

Answer 1

You can switch to another event yes, no problem I believe.

Example :

$('#newContosoChatMessage').focusin(function () { //Foco no elemento
$('#newContosoChatMessage').blur(function () { //Saindo do foco do elemento

Answer 2

Could isolate in another function:

function invoke(){
    contosoChatHubProxy.invoke('newContosoChatMessage', $('#displayname').val(), $('#message').val());
}

And invoke in done:

connection.start().done(function() {
   invoke();
});

In the ready jQuery (not tested):

$(document).ready(function(){
    function invoke(){
        contosoChatHubProxy.invoke('newContosoChatMessage', $('#displayname').val(), $('#message').val());
    }

    connection.start().done(function() {
       invoke();
    });
});