Detectar quando um mouse sai da janela com o Glio.js

Quantas vezes você vai fechar uma aba e notar um janela modal pedindo para você ficar? Isso parece comum hoje em dia e é feito por uma razão: funciona!

Você pode criar um efeito semelhante usando o Biblioteca de Glio.js. É um script JS de código aberto gratuito para detectar quando o cursor do mouse do usuário está chegando perto da borda ou quando deixa a janela do navegador.

Isso pode ser usado para tentar manter visitantes em seu site. Mas também pode ser usado para criar efeitos dinâmicos se o mouse do usuário for longe para um lado da tela.

Você encontrará muitos desses scripts de intenção de saída toda a web e a maioria deles são difícil de personalizar. Mas isso é o que torna o Glio.js tão bom.

É uma biblioteca poderosa que te dá controle sobre o que você faz com a tela. Se o mouse do seu usuário sair do navegador, você pode exibir um modal, ou mude a cor do fundo, ou não faça absolutamente nada.

Ele também vem com pontos quentes internos que você pode verificar sempre que o mouse do usuário chegar perto de qualquer um dos quatro cantos da tela. Você também pode definir o método de retorno de chamada e quão perto o cursor deve ficar antes de executar qualquer coisa.

Para usar o Glio, basta baixar uma cópia do GitHub e instalá-lo. Você também pode puxar uma cópia de Bower, npm, ou diretamente de um CDN.

Com o script em sua página, você apenas adicione esta linha de código (personalizado com suas opções):

 glio.init ([direção, retorno de chamada]); 

o direção opção pode ser qualquer canto (por exemplo,. “canto superior esquerdo”) ou “topo”, representando o topo da tela. Sua função de retorno de chamada é qualquer código JS que você queira executar quando o mouse do usuário fica muito perto. Outra opção permite definir o distância do ponto de direção, você pode encontrar as informações relacionadas no GitHub.

Então, se você está procurando um script simples para detectar intenção de saída Glio é um recurso indispensável.