Por ejemplo, tiene este script que agrega un detector de eventos a un botón como este:
document.getElementById("myBtn").addEventListener("click", function() { document.getElementById("demo").innerHTML = "Hello World"; });¿Cómo vería ese código en un sitio web, para poder ejecutar el código desde la consola?
Desea activar el evento desde la consola. Pero eso no es posible. Sin embargo, puede llamar a una función externa en el segundo parámetro de EventListener. Esta función está entonces en el ámbito global. A continuación, puede activar la acción en la consola con el nombre de la función que, de lo contrario, se activaría mediante el clic.
makeAction();
document.getElementById("myBtn").addEventListener("click", function() { makeAction(); }); function makeAction() { console.log('triggered') document.getElementById("demo").innerHTML = "Hello World"; } <button id="myBtn">click</buton> <div id="demo"></div>En Chrome, puede abrir las herramientas para desarrolladores, seleccionar el elemento y luego seleccionar la pestaña "Oyentes de eventos":
Lo que le mostrará los detectores de eventos vinculados al elemento: