Как предотвратить событие перехода мыши при наведении курсора на галочку

Question

У меня есть форма с панелью, на которой будут установлены флажки для опций. Я сделал панель скольжения в форму, когда мышь нависает над ее краем (край панели). Я заставил его спрятаться (откинуть назад), когда мышь покидает панель. Проблема в том, что когда я указываю флажок на этой панели, происходит событие mouseleave, и панель возвращается назад, поэтому я не могу установить флажок. Есть ли способ предотвратить событие mouseleave, когда мышь все еще находится над панелью и некоторые флажки в ней? Моя идея состоит в том, чтобы создать условие, основанное на позиции указателя мыши в событии mouseleave, но я надеюсь, что есть способ сделать приложение обработать флажок в качестве части панели. Не пил, потому что это не проблема. Но при необходимости может отправлять сообщения.

Answer 1

Что происходит, так это то, что событие mouseleave триггера флажка mouseleave событие панели из-за события пузыря. Вы можете узнать больше о событиях пузырьков here.

Чтобы предотвратить событие барботажа, прикрепите событие mouseleave на флажках и позвоните по телефону event.stopPropagation(). Пример кода с JQuery:

$("checkboxes_selector").on("mouseleave", function(event){ 
    event.stopPropagation(); 
});