Tengo un evento de clic que ya está definido. Me preguntaba cuál sería la mejor manera de agregar otro controlador de eventos a este evento sin tocar este código (si es posible).
¿Hay alguna manera de agregar otro controlador de eventos al evento de clic ya definido?
Esta es la definición de evento de clic actual:
$(".HwYesButton", "#HwQuizQuestions") .append("<a href='javascript:void(0);' rel='.HwYesButton'>Yes</a>") .click(function(event) { var button = $(this).parent(); var questionId = button.attr('id'); $iadp.decisionPoint["HwQuizYourself"].Input.inputProvided(questionId); button.find(".HwNoButton").removeClass("HwButtonSelected"); $(this).addClass("HwButtonSelected"); button.removeClass("HwQuestionSkipped"); $iadp.flat.setBoolean(questionId, true); return false; });Lo único que puede hacer es adjuntar otro controlador (adicional):
$(".HwYesButton", "#HwQuizQuestions").click(function() { // something else });jQuery llamará a los controladores en el orden en que se adjuntaron al elemento.
No puede "extender" el controlador ya definido.
Por cierto. su formulación es un poco imprecisa. No está definiendo un evento de clic . Solo está adjuntando controladores de eventos de clic . El evento de clic es generado por el navegador cuando el usuario hace clic en algún elemento.
Puede tener tantos controladores de clic como desee para un elemento. Tal vez estés acostumbrado a esto en JavaScript simple:
element.onclick = function() {}Con este método, de hecho, solo puede adjuntar un controlador. Pero JavaScript proporciona algunos métodos avanzados de manejo de eventos que supongo que utiliza jQuery.
Sé que esta es una publicación anterior, pero tal vez aún pueda ayudar a alguien, ya que aún logré tropezar con esta pregunta durante mi búsqueda...
Estoy tratando de hacer el mismo tipo de cosas, excepto que quiero que mi acción se active ANTES de los eventos onClick en línea existentes. Esto es lo que he hecho hasta ahora y parece estar funcionando bien después de mis pruebas iniciales. Probablemente no manejará eventos que no estén en línea, como los vinculados por otro javascipt.
$(function() { $("[onClick]").each(function(){ var x = $(this).attr("onClick"); $(this).removeAttr("onClick").unbind("click"); $(this).click(function(e){ // do what you want here... eval(x); // do original action here... }); }); });Simplemente puede escribir otro evento de clic en el mismo y ambos se activarán. Véalo aquí
<a id="clickme">clickme</a> <script> $('#clickme').click(function () { alert('first click handler triggered'); }); $('#clickme').click(function () { alert('second click handler triggered'); }); </script>