Primeiro, envie o código:
A cópia do código é a seguinte:
<head>
<Title> </title>
<script src = "scripts/jQuery-1.4.1.js" type = "text/javascript"> </script>
<script type = "text/javascript" idioma = "javascript">
$ (function () {
$ ("div"). bind ("click.a", function () {// clique em Evento
$ ("corpo"). Anexe ("<p> clique em Evento </p>");
})
$ ("div"). bind ("dblcick.a", function () {// Evento duplo-clique
$ ("corpo"). Anexe ("<p> evento dblClick </p>");
})
$ ("div"). bind ("mouseover.a", function () {// eventos do mouse que passa pelo elemento
$ ("corpo"). Anexe ("Evento <p> mouseOver </p>");
})
$ ("div"). bind ("mouseout.a", function () {// Eventos do elemento de movimentação do mouse
$ ("corpo"). Anexe ("Evento <p> mouseout </p>");
})
})
</script>
</head>
<Body>
<div> namespace jQuery </div>
</body>
O efeito é mostrado na figura. Além disso, se eu não quiser desencadeá-lo ao clicar duas vezes
Como resolver o problema se você clicar no evento e acionar o evento de clique duas vezes? Eu também tentei desbaste o evento de clique ao clicar duas vezes.
Mas, dessa maneira, o evento de clique não é mais útil. . .
Mais tarde, perguntei a alguém no fórum e finalmente recebi a resposta. Isto é, para usar o método setTimeout () para definir o intervalo de tempo do evento de cliques.
Definido como 300ms, portanto, ao clicar duas vezes, pois o intervalo de tempo de clicar duas vezes é inferior a 300ms, o evento de clique não será gerado, mas será gerado apenas.
Evento dblClick. No evento de clique duas vezes, você precisa usar a função ClearTimeout () para limpar o processamento do evento de clique. O código é o seguinte:
A cópia do código é a seguinte:
<script type = "text/javascript" idioma = "javascript">
$ (function () {
Var Timer = NULL;
$ ("div"). bind ("click.a", function () {// clique em Evento
ClearTimeout (timer);
Timer = setTimeout (function () {// Adicione uma função setTimeout () no evento de clique para definir o intervalo de tempo acionado pelo evento de clique
$ ("corpo"). Anexe ("<p> clique em Evento </p>");
}, 300);
})
$ ("div"). bind ("dblcick.a", function () {// Evento duplo-clique
ClearTimeout (Timer);
$ ("corpo"). Anexe ("<p> evento dblClick </p>");
})
$ ("div"). bind ("mouseover.a", function () {// eventos do mouse que passa pelo elemento
$ ("corpo"). Anexe ("Evento <p> mouseOver </p>");
})
$ ("div"). bind ("mouseout.a", function () {// Eventos do elemento de movimentação do mouse
$ ("corpo"). Anexe ("Evento <p> mouseout </p>");
})
})
</script>
Dessa maneira, esse problema será resolvido!