¿Cómo llamar a dos métodos en el método onClick de los botones en HTML o JavaScript?

¿Cómo llamar a dos métodos en el método onClick de los botones en HTML o JavaScript?

  1. Prueba esto:

     
  2. O bien, llame a una segunda función al final de la primera función:

      function func1(){ //--- some logic func2(); } function func2(){ //--- some logic } 

    … y llame a func1 () al hacer clic en el botón:

      

Como lo afirma Harry Joy, puedes hacerlo en el onclick manera:

  

O, en tu JS como tal:

 document.getElementById( 'Call2Functions' ).onclick = function() { func1(); func2(); }; 

O bien, si está asignando un onclick programáticamente y no está seguro de si existió un onclick anterior (y no desea sobrescribirlo):

 var Call2FunctionsEle = document.getElementById( 'Call2Functions' ), func1 = Call2FunctionsEle.onclick; Call2FunctionsEle.onclick = function() { if( typeof func1 === 'function' ) { func1(); } func2(); }; 

Si necesita que las funciones se ejecuten en el scope del elemento al que se hizo clic, se puede hacer un uso simple de la aplicación:

 document.getElementById( 'Call2Functions' ).onclick = function() { func1.apply( this, arguments ); func2.apply( this, arguments ); }; 

El método moderno de manejo de eventos:

 element.addEventListener('click', startDragDrop, false); element.addEventListener('click', spyOnUser, false); 

El primer argumento es el evento, el segundo es la función y el tercero especifica si se permite el evento de burbujeo.

Desde QuirksMode :

La especificación de eventos del nivel 2 de DOM del W3C presta especial atención a los problemas del modelo tradicional. Ofrece una manera simple de registrar tantos manejadores de eventos como desee para el mismo evento en un elemento.

La clave del modelo de registro de eventos W3C es el método addEventListener() . Le das tres argumentos: el tipo de evento, la función que se ejecutará y un booleano (verdadero o falso) que explicaré más adelante. Para registrar nuestra conocida función doSomething () al clic de un elemento que usted hace:

Todos los detalles aquí: http://www.quirksmode.org/js/events_advanced.html

Usando jQuery

si está utilizando jQuery, hay una buena API para el manejo de eventos:

 $('#myElement').bind('click', function() { doStuff(); }); $('#myElement').bind('click', function() { doMoreStuff(); }); $('#myElement').bind('click', doEvenMoreStuff); 

Todos los detalles aquí: http://api.jquery.com/category/events/

  function functionA() { } function functionB() { } 

Hola,

También puede hacer lo siguiente a continuación … De esta forma, sus dos funciones deberían llamar y si ambas funciones devuelven la verdad, entonces devolverá verdadero, en caso contrario devolverá falso.

  

Gracias, Vishal Patel