A имеют большой div (карту), который можно перетаскивать через jQuery UI draggable. У div есть дочерние div, которые можно кликать.
Моя проблема в том, что если вы перетаскиваете карту, при нажатии мыши событие click запускается на любом дочернем div, с которого вы начали перетаскивать.
Как отключить мышь от запуска события клика, если его часть перетаскивания (в отличие от того, кто просто щелкает без перетаскивания, в этом случае требуется событие щелчка).
$('.selector').draggable({
stop: function(event, ui) {
// event.toElement is the element that was responsible
// for triggering this event. The handle, in case of a draggable.
$( event.originalEvent.target ).one('click', function(e){ e.stopImmediatePropagation(); } );
}
});
Это работает, потому что "однослушатели" увольняются перед "нормальными" слушателями. Поэтому, если один слушатель прекращает распространение, он никогда не достигнет ваших ранее установленных слушателей.
У меня возникла эта проблема, и решение заключается в применении перетаскиваемого обработчика событий перед обработчиком событий кликов. Я перемещал какой-то код и внезапно столкнулся с этой проблемой. Наконец я понял, что переключил порядок, в который я применил обработчики. Когда я переключил его обратно, все снова начало работать правильно - перетаскивание не вызывало щелчка.
Возможно, вы установили переменную типа justDragged = true при запуске перетаскивания, а затем на событие mouseUp проверите эту переменную, и если true, установите значение false и затем выполните событие event.preventDefault + return wo o do что-нибудь. Таким образом, он пропускает первый щелчок после перетаскивания. Кажется, это хаки, возможно, у других будет более элегантное решение.
Альтернативой является просто не разрешить перетаскивание из интерактивных областей в draggable: