Come viene definito JavaScript sul metodo?

IL "SU()"Il metodo non è un metodo JavaScript predefinito, sebbene sia ampiamente utilizzato nelle librerie JavaScript, come"jQuery" E "Nodo.js". Viene utilizzato per allegare un gestore di eventi a un elemento su una pagina web. Permette agli sviluppatori di aggiungere funzionalità alle pagine Web, come rispondere agli input dell'utente tra cui clic del mouse, mouse, eventi della tastiera e così via.

Questo post discuterà il metodo JavaScript su ().

Come è definito il metodo JavaScript su ()?

IL "SU()"Il metodo è comunemente usato per allegare gestori di eventi agli elementi, il che consente agli sviluppatori di scrivere funzioni che verranno chiamate quando si verifica un evento, come un"clic"Evento,"keydownEvento ", un"Mouseover", e così via.

Sintassi
La sintassi seguente verrà utilizzata per il metodo On ():

$ (selettore).on (evento, funzione)

Qui, nella sintassi sopra:

• evento: Definisce gli eventi associati all'elemento selezionato.
• funzione: Quando si verifica l'evento, questa funzione viene chiamata.

Esempio 1
Innanzitutto, aggiungi la libreria jQuery nel tag, perché il metodo "on ()" non è accessibile senza jQuery:

Nel documento HTML, crea un file

tag e un pulsante con ID "btn"Viene utilizzato per accedervi:

Clicca qui!

Nel tag, prima chiama la funzione pronta, quindi accedi al pulsante utilizzando l'ID assegnato e invoca "SU()" metodo. Passa il parametro dell'evento "clic"E una funzione che verrà chiamata quando si verifica l'evento:

$ (documento).ready (function ()
$ ("#BTN").on ("click", function ()
documento.getElementById ("MSG").InnerHtml = "Welcome to JavaScript Tutorial su LinuxHint";
);
);

L'output mostra che il testo è stato visualizzato sul clic del pulsante:

Esempio 2
Puoi anche chiamare la funzione già definita nel metodo "on ()". Qui, nell'esempio dato, quando il mouse viene cliccato sul testo, il testo verrà modificato. Innanzitutto, creeremo un

Tag per aggiungere un testo:

Benvenuti in Linuxhint

Definire una funzione chiamata "ChangeText ()"Verrà chiamato sull'evento Click e modificherà il testo:

funzione ChangeText ()
documento.getElementById ("MSG").InnerHtml = "Qui puoi imparare JavaScript da zero";

Nella funzione pronta, invoca il metodo su () sul "

"Tag e passa l'evento"clic"E il definito"ChangeText ()" funzione:

$ (documento).ready (function ()
$ ("p").su ("clic", ChangeText);
);

Produzione

Abbiamo compilato tutte le istruzioni necessarie pertinenti al metodo On () in JavaScript.

Conclusione

IL "SU()"Il metodo è comunemente utilizzato per allegare un gestore di eventi agli elementi per l'aggiunta di funzionalità a una pagina Web quando si verifica un evento, come un"clic","keydown","Mouseover", e così via. Questo post ha definito il metodo JavaScript su () con esempi corretti.