Обработка click после того, как курсор уйдет с элемента
Подскажите, как выполнять событие по клику на элементе не сразу, а только после того, как мышь выйдет за границы этого элемента?
|
<button>кнопка</button>
<script>
var but = document.querySelector('button'), flag = 0;
but.onclick = e => flag = 1;
but.onmouseout = e => {
flag && alert('Опа!!'); // вместо алерт ваша функция
flag = 0;
};
</script>
|
Белый шум
Можно, но это более дорогая операция чем флажок
<button>кнопка</button>
<script>
var but = document.querySelector('button');
but.onclick = e => {
but.onmouseleave = e =>{
alert('Опа!!');
but.onmouseleave = null;
};
};
</script>
|
Спасибо большое!
|
| Часовой пояс GMT +3, время: 10:23. |