Falso "clic" para activar un método onclick

Question

Tengo un elemento con un onclick método.

Me gustaría activar ese método (o: falso un clic en este elemento) dentro de otra función.

¿Esto es posible?

Answer 1

Si estás usando jQuery que puede hacer:

$('#elementid').click(); 

Answer 2

Una vez que haya seleccionado un elemento que puede llamar clic()

document.getElementById('link').click(); 

véase: https://developer.mozilla.org/En/DOM/Element.click

No recuerdo si esto funciona en IE, pero debería. No tengo una máquina de Windows cerca.

Answer 3

No he utilizado jQuery, pero IIRC, el primer método mencionado no desencadena el manejador onclick.

Llamaré directamente al método asociado onclick, si no está usando los detalles del evento.

Answer 4

¡simplemente llame a "onclick"!

He aquí un ejemplo html:

<div id="c" onclick="alert('hello')">Click me!</div> 
<div onclick="document.getElementById('c').onclick()">Fake click the previous link!</div> 

Answer 5

Para decir, hay fireEvent() método. No sé si eso funciona para otros navegadores.

Answer 6

@ Vilx-

Firefox utiliza element.dispatchEvent.

La página incluye una muestra simulateClick().

Answer 7

Este es un ejemplo perfecto de dónde debe utilizar una biblioteca de JavaScript como Prototype o JQuery para abstraer las diferencias entre navegadores.

Answer 8

Podría estar malinterpretando su pregunta, pero, sí, esto es posible. La forma en que me gustaría ir sobre hacerlo es la siguiente:

var oElement = document.getElementById('elementId'); // get a reference to your element 
oElement.onclick = clickHandler; // assign its click function a function reference 

function clickHandler() { 
    // this function will be called whenever the element is clicked 
    // and can also be called from the context of other functions 
} 

Ahora, cada vez que se hace clic en este elemento, el código en clickHandler ejecutará. Del mismo modo, puede ejecutar el mismo código llamando a la función dentro del contexto de otras funciones (o incluso asignar clickHandler para manejar eventos activados por otros elementos)>

Answer 9

También puede intentar obtener el atributo onclick del elemento y luego pasar a eval. Esto debería funcionar a pesar del gran tabú sobre eval.Pongo un ejemplo a continuación

eval(document.getElementById('elementId').getAttribute('onclick')); 

Answer 10

Si estás usando jQuery, es necesario utilizar la función .trigger, por lo que sería algo así como:

element.trigger('click'); 

http://api.jquery.com/trigger/

Answer 11

Usando javascript que pueda disparador click() y focus() como el ejemplo siguiente

document.addEventListener("click", function(e) { 
 
    console.log("Clicked On : ",e.toElement); 
 
},true); 
 
document.addEventListener('focus',function(e){ 
 
    console.log("Focused On : ",e.srcElement); 
 
},true); 
 

 
document.querySelector("#button_1").click(); 
 
document.querySelector("#input_1").focus();

<input type="button" value="test-button" id="button_1"> 
 
<input type="text" value="value 1" id="input_1"> 
 
<input type="text" value="value 2" id="input_2">