Cómo hacer que un botón active y ejecute automáticamente el evento de clic del mouse al hacer clic. El valor predeterminado es hacer clic.
El botón activa automáticamente el evento onclick, que se puede implementar utilizando el método timer setInterval(). Al hacer clic de forma predeterminada, puede utilizar el método de carga para lograr un clic al cargar la página web.
El siguiente ejemplo implementa una ventana emergente que aparece de forma predeterminada cuando se abre la página web. Después de cerrar la ventana emergente, se hace clic automáticamente en la ventana emergente cada 2 segundos. el código es el siguiente:
lt; !doctype htmlgt;
lt; htmlgt; charset="utf-8"gt;
lt;titlegt;Ejemplo de clic automáticolt;/titlegt;
lt;/headgt;
lt;carga del cuerpo ="alert('Esta es la ventana emergente de clic predeterminada') "gt;
lt; script type="text/javascript"gt;
setInterval(function() {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createEvent( "MouseEvents");
e.initEvent("click", true, true);
document. getElementById("buttonid").dispatchEvent(e);
}
}, 2000);
lt;/scriptgt;
lt; input id="buttonid" type="button" value= "Button" onclick="alert('Esta es una ventana emergente de clic automático')" /gt; type="text/css"gt;
entrada{fondo: rojo; color: #fff; margen: 20px;/stylegt; p>
lt;/bodygt;
lt; /htmlgt;
Después de ejecutar el código, el efecto es el siguiente:
1. la página web y haga clic de forma predeterminada, como se muestra a continuación
2. Cada 2 segundos, haga clic automáticamente una vez, como se muestra a continuación:
Información ampliada:
La El método timer setInterval() realiza clics ininterrumpidos y el método settimeout() se puede utilizar para detener el clic automático después de un clic.
El código completo es el siguiente:
lt;!doctype htmlgt;
lt;htmlgt;
lt;headgt;
lt;meta charset="utf-8"gt;
lt;titlegt;Ejemplo de clic automáticolt;/titlegt;
lt;/headgt;
lt; body onload="alert('Esta es la ventana emergente de clic predeterminada') "gt;
lt; script type="text/javascript"gt;
settimeout(function() {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createE
vent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("buttonid").dispatchEvent(e);
p>
}
}, 2000);
lt;/scriptgt;
lt;input id="idbotón" type="botón" valor="botón" onclick="alert('Esta es una ventana emergente de clic automático')" /gt;
lt; estilo type="text/css"gt;
entrada {fondo: rojo; color: #fff; relleno: 10px; margen: 20px;}
lt;/stylegt;
lt;/bodygt ;
lt;/htmlgt;