Este artículo describe el método de hacer clic y hacer doble clic en JavaScript. Compártelo para su referencia. El análisis específico es el siguiente:
En el proceso de desarrollo web, a menudo encontramos este problema: registre un evento de doble clic para un enlace, o registre un evento de clic o doble clic en un botón u otro elemento al mismo tiempo. En este momento, encontramos que el evento de doble clic en la página web nunca funcionará. La razón es que cuando hacemos clic una vez, es interceptado por un evento de hipervínculo o clic. Este artículo describe un método específico de cómo resolver este problema técnico. El principio de implementación de esta solución es que tanto el evento de clic como el evento de doble clic llaman al mismo método. Juzgamos si se trata de hacer clic o un evento de doble clic basado en el intervalo entre los dos clics del mouse. Cuando llegue el evento de clic, no lo llame primero, espere por un corto período de tiempo. Después de este período de tiempo, si no hay clic en el siguiente clic, comience a llamar a la operación correspondiente de hacer clic. Si hay un siguiente clic, llame al doble clic.
Para una descripción detallada, participe en la siguiente lista de códigos:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JavaScript realiza clic y hace doble clic en la coexistencia </title>
<Meta name = "generador" content = "editplus">
<Meta name = "autor" content = "//www.vevb.com/">
<Meta name = "Keywords" content = "">
<Meta name = "descripción" content = "">
</ablo>
<Body>
<Script language = "javaScript">
<!-
var dcTime = 250; // Tiempo de doble
var dcdelay = 100; // No hay clics después de DoubleClick
var dcat = 0; // Tiempo de DoubleClick
var SaveVent = null; // Guardar evento para manejar DoClick ().
var saveVttime = 0; // Guardar tiempo del evento de clic.
var savto = null; // mango de hacer clic en setTimeout
función showMe (txt) {
document.forms [0] .Elements [0] .Value += txt;
}
función handleWisely (que) {
Switch (que) {
Caso "Haga clic":
SaveVent = que;
d = nueva fecha ();
saveVttime = d.gettime ();
savto = setTimeOut ("doClick (saveVent)", dcTime);
romper;
Caso "DblClick":
dodoubleclick (que);
romper;
por defecto:
}
}
function DoClick (que) {
if (saveVttime - dcat <= 0) {
devolver falso;
}
showme ("hacer clic");
}
función dodoubleClick (que) {
var d = nueva fecha ();
dcat = d.gettime ();
if (savto! = null) {
Savto = nulo;
}
showMe ("doble clic");
}
//->
</script>
<p>
<a href = "javascript: void (0)"
onClick = "HandleWisely (Event.Type)"
onDblClick = "HandleWisely (Event.Type)"
style = "Color: Blue; Font-Family: Arial; Cursor: Hand">
Haga clic para ver los resultados:
</a>
</p>
<form>
<Table>
<tr>
<td valign = "top">
Modo de evento: <Textarea sows = "4" cols = "60" wrap = "soft"> </extarea>
</td>
</tr>
<tr>
<td valign = "top">
<input type = "reset">
</td>
</tr>
</table>
</form>
</body>
</Html>
Espero que este artículo sea útil para la programación de JavaScript de todos.