Es wurde immer angenommen, dass Doppelklick-Ereignisse in der Webentwicklung selten verwendet werden. Bis vor kurzem musste das Projekt zwei Ereignisse, Klicken und Doppelklicken, an eine Schaltfläche binden. Zuerst dachte ich, es gehe nur darum, zwei Ereignisse mit der Schaltfläche zu verknüpfen ... aber später wurde mir klar, dass ich zu einfach dachte: Wenn das Doppelklick-Ereignis ausgelöst wird, wird auch der Klick ausgelöst ~
Nach einiger Recherche habe ich das Problem schließlich gelöst, indem ich die verzögerte Ausführungsmethode „setTimeout“ in JS verwendet habe, um die Klickausführung um 300 Millisekunden zu verzögern. Der Code lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http ://www.w3.org/1999/xhtml"><head>
<title></title>
<mce:script src="jquery-1.6.min.js" mce_src="jquery-1.6.min.js" type="text/javascript"></mce:script>
<mce:script type="text/javascript">
<!--
$(Funktion () {
var num = 0;
var timeFunName = null;
$("button").bind("click", function () {
// Brechen Sie die Methode ab, die während der letzten Verzögerung nicht ausgeführt wurde
clearTimeout(timeFunName);
// 300 Millisekunden verzögern, um den Klick auszuführen
timeFunName = setTimeout(function () {
num++;
$("textarea").val($("textarea").val() + "th" + num + "th event, event name: click/n");
}, 300); }).bind("dblclick", function () {
// Brechen Sie die Methode ab, die während der letzten Verzögerung nicht ausgeführt wurde
clearTimeout(timeFunName);
num++;
$("textarea").val($("textarea").val() + "th" + num + "th event, event name: double-click/n");
});
});
// --></mce:script>
</head>
<Körper>
<textarea rows="20" cols="50"></textarea><button type="button">Senden</button></body></html>