ejemplos - ¿Es posible activar el evento de clic de un enlace(o cualquier elemento) a través de JavaScript?

preventdefault submit javascript

Question

Estoy escribiendo un código JavaScript que debe activar el evento click para un enlace. En Internet Explorer puedo hacer esto

var button = document.getElementById(''myButton'');
button.click();

Pero esto no funciona en Firefox, y asumo cualquier otro navegador. En Firefox, he hecho esto

var button = document.getElementById(''myButton'');
window.location = button.href;

Siento que esta no es la mejor manera de hacer esto. ¿Hay una mejor manera de activar un evento de click ? Preferiblemente algo que funciona independientemente del tipo de elemento o el navegador.

Answer 1

¡Estaba buscando esto desesperadamente y el más simple parecía funcionar!

document.getElementById(''foo'').onclick();

funcionó en Chrome 7.0.5 y es decir, 8.0.6

Answer 2

Generalmente no es posible, afaik, mozilla tiene el método click() pero solo para elementos de entrada, no enlaces.

¿Por qué no creas una función que el botón llamará en el controlador onClick y, cuando quieras ''hacer clic'' en el botón, llamar a la función?

Answer 3

Mozilla tiene una política más estricta para las acciones / eventos permitidos de JS. También tuve problemas similares con el evento click (). Está desactivado en algunos elementos para evitar XSS.

¿Qué pasa con la redirección del navegador? Esto debería funcionar en todas partes.

Answer 4

No lo recomendaría, pero puede llamar al atributo onclick de un elemento HTML como método.

<a id="my-link" href="#" onclick="alert(''Hello world'');">My link</a>

document.getElementById(''my-link'').onclick();

Answer 5

Oye, no quiero desenterrar un hilo viejo, pero también estaba buscando una respuesta para este mismo problema, y ​​encontré una función nueva para jQuery 1.3x (tenía un problema con el contenido de Ajax Loaded).

Así es como lo implementé:

HTML

<a class="navlink" href="mypage.html">Online Estimate</a>

SCRIPT CARGADO

$(".pagelink").click(function(){
    $(".navlink[href="+$(this).attr("href")+"]").trigger(''click'');
    return false;
});

HTML cargado

<a class="pagelink" href="mypage.html">Online Estimate</a>

La función es el ''Evento desencadenante'' ...
Más detalles aquí: http://docs.jquery.com/Events/trigger#eventdata

Answer 6

http://jehiah.cz/archive/firing-javascript-events-properly

function fireEvent(element,event) {
   if (document.createEvent) {
       // dispatch for firefox + others
       var evt = document.createEvent("HTMLEvents");
       evt.initEvent(event, true, true ); // event type,bubbling,cancelable
       return !element.dispatchEvent(evt);
   } else {
       // dispatch for IE
       var evt = document.createEventObject();
       return element.fireEvent(''on''+event,evt)
   }
}