Ajouter l'événement onClick de façon dynamique en utilisant jQuery

Question

En raison de l'utilisation d'un plugin, je ne peux pas ajouter l'attribut "onClick" aux entrées du formulaire HTML comme d'habitude. Un plugin gère la partie formulaires de mon site et ne propose pas d'option pour faire cela automatiquement.

En gros, j'ai cette entrée :

<input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

Je veux lui ajouter un onClick avec jQuery onload pour qu'il soit comme ceci :

<input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

Comment dois-je m'y prendre ?

Je sais que ce n'est peut-être pas une pratique courante, mais cela semble être la solution la plus simple dans ma situation.

Je suis un novice en matière de jQuery et toute aide est la bienvenue.

Answer 1

Vous pouvez utiliser le click et appelez votre fonction ou déplacez votre logique dans le gestionnaire :

$("#bfCaptchaEntry").click(function(){ myFunction(); });

Vous pouvez utiliser le click et définissez votre fonction comme le gestionnaire :

$("#bfCaptchaEntry").click(myFunction);

---

.click()

Liez un gestionnaire d'événement à l'événement JavaScript "click", ou déclenchez cet événement sur un élément.

http://api.jquery.com/click/

---

Vous pouvez utiliser le on lié à l'événement "click" et appeler votre fonction ou déplacer votre logique dans le gestionnaire :

$("#bfCaptchaEntry").on("click", function(){ myFunction(); });

Vous pouvez utiliser le on lié à l'événement "click" et définissez votre fonction comme le gestionnaire :

$("#bfCaptchaEntry").on("click", myFunction);

---

.on()

Attachez une fonction de gestion d'événement pour un ou plusieurs événements aux éléments sélectionnés.

http://api.jquery.com/on/

Answer 2

Essayez cette approche si vous connaissez le nom de l'objet client (peu importe qu'il s'agisse de Button ou de TextBox).

$('#ButtonName').removeAttr('onclick');
$('#ButtonName').attr('onClick', 'FunctionName(this);');

Essayez ceci si vous voulez ajouter l'événement onClick à un objet serveur avec JQuery.

$('#' + '<%= ButtonName.ClientID %>').removeAttr('onclick');
$('#' + '<%= ButtonName.ClientID %>').attr('onClick', 'FunctionName(this);');

Answer 3

Essayez l'approche ci-dessous,

$('#bfCaptchaEntry').on('click', myfunction);

ou si jQuery n'est pas une nécessité absolue, essayez ci-dessous,

document.getElementById('bfCaptchaEntry').onclick = myfunction;

Cependant, la méthode ci-dessus présente quelques inconvénients car elle définit onclick comme une propriété plutôt que d'être enregistré comme gestionnaire...

Lire la suite de cet article https://stackoverflow.com/a/6348597/297641

Answer 4

Vous pouvez également utiliser une fonction de flèche pour la définir :

$(document).ready(() => {
  $('#bfCaptchaEntry').click(()=>{

  });
});

Pour un meilleur support du navigateur :

$(document).ready(function() {
  $('#bfCaptchaEntry').click(function (){

  });
});

Answer 5

$("#bfCaptchaEntry").click(function(){
    myFunction();
});