Как сделать чтобы когда уводишь мышь с сайта, то есть с body всплывало модальное окно только 1 раз?

Question

[Максим Вакаев]

Мне нужно чтобы когда уводишь мышь вне сайта, то есть собираешься переключить вкладку и т.д. появлялось модальное окно и появлялось только единождый, чтобы при повторной попытке уйти с сайте, оно не вылезало, help pls)

Comments

[insphoto]

добавить через замыкание какой нибудь флаг. Типа функция срабатывает если флаг true, если событие сработало, то флагу поменять значение на false и все. Или как вариант навешивать событие таким образом, что бы можно было его снять. И снять его когда оно сработает.

Answer 1

[hzzzzl]

document.addEventListener('mouseleave', () => {
  const burp = localStorage.getItem('burp')
  if(burp !== '100') { alert('эу стой') }
  localStorage.setItem('burp', '100')
})

Comments

[Максим Вакаев]

Благодарю!!)
до отлавливания событий еще не дошел в js просто, самому трудно пока что

Answer 2

[Олех]

При первом появлении модального окна запишите в cookie по типу:
dontShowModal=true
Для удобной записи в куки, можете воспользоваться небольшой функцией: https://ru.stackoverflow.com/a/7489, либо подключив jquery.cookie.js

И в дальнейшем перед функцией вызова модального окна, проверяйте по типу:

if(!dontShowModal) {
  код вызова модального окна
}