Первый загрузите код:
Кода -копия выглядит следующим образом:
<голова>
<title> </title>
<script src = "scripts/jQuery-1.4.1.js" type = "text/javascript"> </script>
<script type = "text/javascript" ranguage = "javascript">
$ (function () {
$ ("div"). Bind ("click.a", function () {// Нажмите на событие
$ ("body"). Append ("<p> Нажмите Event </p>");
})
$ ("div"). Bind ("dblclick.a", function () {// Двойное щелчок
$ ("body"). Append ("<p> dblclick Event </p>");
})
$ ("div"). Bind ("mouseover.a", function () {// События мыши, проходящей через элемент
$ ("body"). Append ("<p> событие Mouseover </p>");
})
$ ("div"). Bind ("mouseout.a", function () {// События мыши движущегося элемента
$ ("body"). Append ("<p> Mouseout Event </p>");
})
})
</script>
</head>
<тело>
<div> jquery namespace </div>
</body>
Эффект показан на рисунке. Кроме того, если я не хочу запускать его, когда дважды щелкну
Как решить проблему, если вы нажмете на событие и просто запустите событие дважды щелкните? Я также попытался раскрыть событие Click при двойном щелчке.
Но таким образом, событие Click больше не полезно. Полем Полем
Позже я спросил кого -то на форуме и, наконец, получил ответ. Это использование метода SetTimeout () для установки интервала времени события Click.
Установите 300 мс, поэтому при двойном щелчке, поскольку временный интервал двойного щелчка составляет менее 300 мс, событие Click не будет генерировано, но будет только генерироваться.
DBLClick Event. В событии двойного щелчка вам необходимо использовать функцию cleartimeout (), чтобы очистить обработку событий Click. Код заключается в следующем:
Кода -копия выглядит следующим образом:
<script type = "text/javascript" ranguage = "javascript">
$ (function () {
var timer = null;
$ ("div"). Bind ("click.a", function () {// Нажмите на событие
ClearTimeout (таймер);
timer = settimeout (function () {// добавить функцию settimeout () в событие Click, чтобы установить интервал времени, запускаемый событием Clic
$ ("body"). Append ("<p> Нажмите Event </p>");
}, 300);
})
$ ("div"). Bind ("dblclick.a", function () {// Двойное щелчок
ClearTimeout (таймер);
$ ("body"). Append ("<p> dblclick Event </p>");
})
$ ("div"). Bind ("mouseover.a", function () {// События мыши, проходящей через элемент
$ ("body"). Append ("<p> событие Mouseover </p>");
})
$ ("div"). Bind ("mouseout.a", function () {// События мыши движущегося элемента
$ ("body"). Append ("<p> Mouseout Event </p>");
})
})
</script>
Таким образом, эта проблема будет решена!