annullare evento

**Gio2011** · 27-11-2013, 16:48

ciao a tutti,

sto cercando qualcosa che mi permetta di controllare il tempo di hover su un div, e se è inferiore a X, non eseguire le azioni dell evento...

es: sull hover di un div ho lo slideDown del sub div. Vorrei che se il tempo di hover sia inferiore al secondo, non mi faccia lo slideDown..E' possibile?

**KillerWorm** · 27-11-2013, 19:43

Ciao,
puoi fare in tanti modi.
In javaScript si usa solitamente setTimeout e clearTimeout.

Con jQuery potresti usare le funzioni delay e stop.
Un esempio:

codice:

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
      $(function() {
        $("#subDiv").slideUp(0)
        $("#mioDiv").hover(function() {
          $("#subDiv").delay(1000).slideDown();// delay è espresso in millisecondi
        }, function() { 
          $("#subDiv").stop(true).slideUp();
        });
        
      });
    </script> 
  </head>
  <body">
    <div id="mioDiv" style="width:300px;background:#ccc;cursor:pointer">resta su di me per aprire subDiv
      <div id="subDiv" style="width:300px;background:#ddd">subdiv</div>
    </div>
  </body>
</html>

Discussione: annullare evento

Strumenti discussione

Ricerca discussione

Visualizza

annullare evento

Permessi di invio