Laden Sie zuerst den Code hoch:
Die Codekopie lautet wie folgt:
<kopf>
<title> </title>
<script src = "scripts/jQuery-1.4.1.js" type = "text/javaScript"> </script>
<script type = "text/javaScript" Sprache = "JavaScript">
$ (function () {
$ ("Div"). Bind ("Click.A", Funktion () {// Klickereignis klicken
$ ("body"). append ("<p> klicken Sie auf Ereignis </p>");
})
$ ("div"). Bind ("dblclick.a", function () {// Doppelklick-Ereignis
$ ("body"). append ("<p> dblClick Event </p>");
})
$ ("div"). Bind ("mouseover.a", function () {// Ereignisse der Maus, die durch das Element verläuft
$ ("Body"). append ("<p> Mausover -Ereignis </p>");
})
$ ("div"). Bind ("mausout.a", function () {// Ereignisse des Maus -Moving -Elements
$ ("Body"). append ("<p> Mausout -Ereignis </p>");
})
})
</script>
</head>
<body>
<Div> jQuery Namespace </div>
</body>
Der Effekt ist in der Abbildung angezeigt. Auch wenn ich es beim Doppelklicken nicht auslösen möchte
Wie löste ich das Problem, wenn Sie auf das Ereignis klicken und einfach das Doppel-Klick-Ereignis auslösen? Ich habe auch versucht, das Klickereignis beim Doppelklicken zu entbinden.
Auf diese Weise ist das Klickereignis jedoch nicht mehr nützlich. . .
Später fragte ich jemanden im Forum und bekam schließlich die Antwort. Das heißt, die SetTimeout () -Methode zu verwenden, um das Zeitintervall des Click -Ereignisses festzulegen.
Setzen Sie auf 300 ms. Beim Doppelklicken wird das Zeitintervall des Doppelklickens weniger als 300 ms beträgt, das Klickereignis wird nicht generiert, sondern nur generiert.
DBLCLICK -Event. Im Doppelklick-Ereignis müssen Sie die Funktion clearimeout () verwenden, um die Verarbeitung von Click-Ereignissen zu löschen. Der Code ist wie folgt:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript" Sprache = "JavaScript">
$ (function () {
var timer = null;
$ ("div"). Bind ("Click.A", Funktion () {// Klickereignis klicken
Clearimeout (Timer);
timer = setTimeout (function () {// fügen Sie eine SetTimeout () -Funktion im Klickenereignis hinzu, um das durch das Klickereignis ausgelöste Zeitintervall festzulegen
$ ("body"). append ("<p> klicken Sie auf Ereignis </p>");
}, 300);
})
$ ("div"). Bind ("dblclick.a", function () {// Doppelklick-Ereignis
Clearimeout (Timer);
$ ("body"). append ("<p> dblClick Event </p>");
})
$ ("div"). Bind ("mouseover.a", function () {// Ereignisse der Maus, die durch das Element verläuft
$ ("Body"). append ("<p> Mausover -Ereignis </p>");
})
$ ("div"). Bind ("mausout.a", function () {// Ereignisse des Maus -Moving -Elements
$ ("Body"). append ("<p> Mausout -Ereignis </p>");
})
})
</script>
Auf diese Weise wird dieses Problem gelöst!