Detectar quando o cursor está parado sobre um elemento por um tempo determinado.

  • Autor Autor zcriptz
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
zcriptz

zcriptz

1
Xi
Programador
Verificación en dos pasos activada
Suscripción a IA
Uso:
onOver(ELEMENTO, DELAY, FUNCION(ELEMENTO));

Demo: (Cambiará el color de fondo del DIV a azul cuando el cursor esté quieto sobre él durante 500ms)
Inserir CODE, HTML ou PHP:
<script>
    addEvent = new Function('o', 'e', 'f', "return o.addEventListener ? o.addEventListener(e, f, 0) : o.attachEvent ? o.attachEvent('on'+e, f) : 0");
    onOver = new Function('o', 't', 'f', "return addEvent(o, 'mousemove', function(e){ e.toElement.overTimeout ? clearTimeout(e.toElement.overTimeout) : 0; e.toElement.overTimeout = setTimeout(function(){ f(e.toElement) }, t); }), addEvent(o, 'mouseout', function(e){ e.fromElement.overTimeout ? clearTimeout(e.fromElement.overTimeout) : 0; })");

    window.onload = new Function("return onOver(document.getElementsByTagName('div')[0], 500, function(o){ o.style.backgroundColor = 'blue' })");
</script>

<div style="width:300px;height:250px;background-color:red"></div>
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Voltar
Topo