Simulando un clic en jQuery/JavaScript en un enlace

Question

Quiero simular un clic en cualquier enlace en una página usando JavaScript. Si ese enlace tiene alguna función ligada a su evento 'onclick' (por cualquier otro JS del que yo no tenga ningún control), entonces debe llamarse a esa función, de lo contrario el enlace debería comportarse de la manera normal y abrir una página nueva.

No estoy seguro de que basta con comprobar el valor del controlador 'onclick'. Quiero construir esto para que funcione en cualquier elemento de enlace.

No tengo control sobre qué función puede vincularse al evento onclick del enlace utilizando la biblioteca JS (no necesariamente jQuery) o simplemente usando JavaScript.

EDITAR: Con la ayuda de las respuestas a continuación, parece que es posible verificar los controladores de eventos adjuntos utilizando jQuery o utilizando el atributo onclick. ¿Cómo controlo los controladores de eventos adjuntos usando addEventListener/cualquier otra biblioteca JS para que sea infalible?

Answer 1

Puede usar la función click para activar el evento click en el elemento seleccionado.

Ejemplo:

$('selector for your link').click(); 

Usted puede aprender sobre diversos selectores de jQuery de documentation.

EDITAR: como han dicho los comentaristas a continuación; esto solo funciona en eventos adjuntos con jQuery, en línea o en el estilo de "elemento.aclick". No funciona con addEventListener, y no seguirá el enlace si no se definen manejadores de eventos. Se podría solucionar esto con algo como esto:

var linkEl = $('link selector'); 
if (linkEl.attr ('onclick') === undefined) { 
    document.location = linkEl.attr ('href'); 
} else { 
    linkEl.click(); 
} 

no sabe acerca de addEventListener sin embargo.

Answer 2

Fácil! Sólo tiene que utilizar la función de jQuery click:

$("#theElement").click(); 

Answer 3

Al principio ver esto question para ver cómo se puede encontrar si un enlace tiene un controlador de jQuery asignado.

siguiente uso:

$("a").attr("onclick") 

para ver si hay un evento de JavaScript asignado.

Si cualquiera de las opciones anteriores es verdadera, llame al método de clic. Si no, obtenga el enlace:

$("a").attr("href") 

y sígalo.

Me temo que no sé qué hacer si addEventListener se usa para agregar un controlador de eventos. Si está a cargo de la fuente de página completa, use solo manejadores de eventos jQuery.

Answer 4

Sólo

$("#your_item").trigger("click"); 

usando .trigger() se puede simular muchos tipos de eventos, que acaba de pasar como parámetro.

Answer 5

Todo esto podría no ser útil cuando se usa el botón de forma remota del riel para simular el clic. Intenté portar simulaciones de eventos agradables del prototipo aquí: my snippets. Lo hice y funciona para mí.

Answer 6

probar este

function submitRequest(buttonId) { 
    if (document.getElementById(buttonId) == null 
      || document.getElementById(buttonId) == undefined) { 
     return; 
    } 
    if (document.getElementById(buttonId).dispatchEvent) { 
     var e = document.createEvent("MouseEvents"); 
     e.initEvent("click", true, true); 
     document.getElementById(buttonId).dispatchEvent(e); 
    } else { 
     document.getElementById(buttonId).click(); 
    } 
} 

y se puede utilizar como

submitRequest("target-element-id"); 

Answer 7

Por qué no sólo el buen ol' javascript?

$('#element')[0].click()