Проблема двойного клика - Разное - Интересные решения для программистов - Примеры кода

Разное → Проблема двойного клика → JavaScript

Проблема состоит в том, что при регистрации события ondblclick все равно вызывается событие onclick. Поэтому, если уж очень это событие (неочевидное, стоит заметить, для пользователя сети) необходимо - лучше всего иметь в скриптах что-то вроде такого кода (с необходимым вам количеством миллисекунд и сохраняя, если необходимо, элемент, на котором был совершен клик).
Пример использования:
<div id="someId" onclick="if (!dblClicked) alert('click');"
ondblick="dblClick(this); alert('dblclick'); releaseDblClick();"></div>

click, dblick, double, event, javascript

KOS_MOS

Ulric Wilfred

06.06.2008

Gromo [Добавлено 01.12.2008 17:34:44]

Я всё искал решение для одновременной обработки одиночного и двойного клика мыши. Это первая статья, в которой даётся более-менее понятный код. Но, к сожалению, у меня он так и не запустился.

На его основе я создавал своих функций с таймером, которые работают, но очень неудобны для реализации.

Очень полезной оказалась статья http://javascript.ru/start/events/click
там хорошо показана разница в обработке кликов мыши, особенно в ИЕ.

Иногда так же срабатывает и Опера.

В итоге, после долгих размышлений и экспериментов получилось что-то типа этого:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html lang=\"ru\">

<head>

<title>Preparing java script table</title>

<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\">

<script type=\"text/javascript\">

var clicked = false;

function clicked_once() {

alert(\' single clicked\');

}

function clicked_twice() {

alert(\'double clicked\');

}

</script>

</head>

<body>

<div onclick=\"clicked = true; setTimeout(\'if (clicked) clicked_once(); clicked=false;\', 200);\" onDblClick=\"clicked=false; clicked_twice();\">
<img src=\"0.jpg\"/>
</div>

</body>

</html>

Меню

Подписка на RSS:

Подпишись на RSS-ленту

Поиск

Облако тегов

	Разное → Проблема двойного клика → JavaScript Проблема состоит в том, что при регистрации события ondblclick все равно вызывается событие onclick. Поэтому, если уж очень это событие (неочевидное, стоит заметить, для пользователя сети) необходимо - лучше всего иметь в скриптах что-то вроде такого кода (с необходимым вам количеством миллисекунд и сохраняя, если необходимо, элемент, на котором был совершен клик). Пример использования: <div id="someId" onclick="if (!dblClicked) alert('click');" ondblick="dblClick(this); alert('dblclick'); releaseDblClick();"></div> var dblClicked = false; var dblClickedNode = null; var DBL_CLICK_MAXTIME = 300; function dblClick(clickedNode) { dblClicked = true; dblClickedNode = clickedNode \|\| dblClickedNode; } function releaseDblClick() { setTimeout('dblClicked=false;', DBL_CLICK_MAXTIME); } click, dblick, double, event, javascript KOS_MOS Ulric Wilfred 06.06.2008 Gromo [Добавлено 01.12.2008 17:34:44] Я всё искал решение для одновременной обработки одиночного и двойного клика мыши. Это первая статья, в которой даётся более-менее понятный код. Но, к сожалению, у меня он так и не запустился. На его основе я создавал своих функций с таймером, которые работают, но очень неудобны для реализации. Очень полезной оказалась статья http://javascript.ru/start/events/click там хорошо показана разница в обработке кликов мыши, особенно в ИЕ. Иногда так же срабатывает и Опера. В итоге, после долгих размышлений и экспериментов получилось что-то типа этого: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\"> <html lang=\"ru\"> <head> <title>Preparing java script table</title> <link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\"> <script type=\"text/javascript\"> var clicked = false; function clicked_once() { alert(\' single clicked\'); } function clicked_twice() { alert(\'double clicked\'); } </script> </head> <body> <div onclick=\"clicked = true; setTimeout(\'if (clicked) clicked_once(); clicked=false;\', 200);\" onDblClick=\"clicked=false; clicked_twice();\"> <img src=\"0.jpg\"/> </div> </body> </html> Ваше имя Ваш E-mail (если хотите отслеживать комментарии) Дoкажи, что ты не робот Текст комментария	Меню CodeIgniter Алгоритмы Базы данных Дата и Время Интернет Интерфейс Мультимедиа ОС и Железо Работа с текстом Разное Технологии Файлы Подписка на RSS: Подпишись на RSS-ленту Поиск Облако тегов .net array asp bash browser charset check class clean convert count create css curl database date delete directory download element email equivalent extension file find form format function get height html http ie image javascript jquery load mysql number page perl php random scriplet send shell size sql string text time url utf8 variable vb visual basic width window xml xslt