Почему не срабатывает dblclick jQuery?

Question

[JackShcherbakov]

Почему не срабатывает dblclick jQuery? При 2-ом щелчке должен добавляться класс lol, при наведении мыши по которому поле для рисования отчищаяется, ловушка, так сказать, но как всегда что-то должно было пойти не так. Всем огромное спасибо за помощь.

Вот собственно сам код - https://jsfiddle.net/CitizenOne/d8sv0b83/

Answer 1

[Larisa Moroz]

It is inadvisable to bind handlers to both the click and dblclick events for the same element. The sequence of events triggered varies from browser to browser, with some receiving two click events before the dblclick and others only one.

https://api.jquery.com/dblclick/

У вас там перехватываются и dblclick и click (пускай и по таблице, но всё равно в качестве целей стоит td ).

Comments

[JackShcherbakov]

Не совсем понятно, но все равно спасибо.

[Kovalsky]

JackShcherbakov: вы устанавливаете обработчики и для click и для dblclick, и jQuery в документации говорит вам, что в таком случае вы получите почти неопределённое поведение обработчиков, т.к. браузеры по-разному относятся к этому.

Стоит избрать другой подход.

[JackShcherbakov]

Никита Полевой: Спасибо! Но какой подход пока не совсем понятно. Ну чтож буду экспереминтировать.

[Kovalsky]

JackShcherbakov: так у вас же повторный клик и так чистит ячейку, нет?

[JackShcherbakov]

Никита Полевой: Да, так точно. Погодите, а если я нажми на блок 1 раз и через 10 сек нажму 2-ой раз, браузер защитает это как dblckick? Если да, то все понятно. Просто я думал что dblclick это кода быстро.

[Larisa Moroz]

JackShcherbakov: нет, через 10 сек вряд ли уже будет двойной, там счёт на доли секунды.
Дело именно в двух противоречивых перехватчиках.

[JackShcherbakov]

Larisa Moroz: Так как тогда подружить click и dblclick?

[Larisa Moroz]

Эм, на одном элементе — никак, согласно документации. Попробуйте вместо dblclick для тех же целей использовать клик правой кнопкой ( contextmenu ).

[JackShcherbakov]

Larisa Moroz: Не работает. Вот пишу

$('td').contextmenu(function(){
			$(this).addClass('lol');
		});

и не получается

[Larisa Moroz]

JackShcherbakov: Всё получается. Просто у вас такого класса нет в https://jsfiddle.net/CitizenOne/d8sv0b83/ .
Но если посмотреть в консоль, то видно, что класс добавляется.

Не забудьте добавить e.stopPropagation();, чобы контекстное меню не выпадало

[Александр Шаповал]

JackShcherbakov:

Да, так точно. Погодите, а если я нажми на блок 1 раз и через 10 сек нажму 2-ой раз, браузер защитает это как dblckick? Если да, то все понятно. Просто я думал что dblclick это кода быстро.

Используйте только ckick при этом добавьте счетчик кликов, при клике увеличьте counter++, если вы хоть через 10сек еще раз нажмете то при увеличении счетчика он уже будет == 2
теперь с помощью условия можно определить двойное нажатие
if (counter == 2) {
// что то делаем
}