Обработка click после того, как курсор уйдет с элемента

[TibiTotoro]

Подскажите, как выполнять событие по клику на элементе не сразу, а только после того, как мышь выйдет за границы этого элемента?

[j0hnik]

<button>кнопка</button>
	<script>
var but = document.querySelector('button'), flag = 0;

but.onclick = e => flag = 1;
but.onmouseout = e => {
	flag && alert('Опа!!'); // вместо алерт ваша функция
	flag = 0;
};

	</script>

[j0hnik]

Белый шум
Можно, но это более дорогая операция чем флажок

<button>кнопка</button>
	<script>
		var but = document.querySelector('button');
		but.onclick = e => {
			but.onmouseleave = e =>{
				alert('Опа!!');
				but.onmouseleave = null;
			};
		};

	</script>

[TibiTotoro]

Спасибо большое!