2017-07-01 4 views
0

Ich arbeite an einem Stück Code, aber ich bin nicht in der Lage, es auf dem Handy zu arbeiten, weil es keine Mouseout-Ereignis .. Ich bin auf der Suche nach diesem Code in etwas, das auf Mobile funktioniert. Wenn ein mobiler Benutzer geht zu einem anderen fenster oder tab auf seinem handy von dem mit dem div, ich möchte das div permanent verstecken.Wie bekomme ich das auf dem Handy zu arbeiten?

Wie erreiche ich ähnliche Arbeitscode auf Handy?

<script type="text/javascript"> 
    function addEvent(obj, evt, fn) { 
     if (obj.addEventListener) { 
      obj.addEventListener(evt, fn, false); 
     } 
     else if (obj.attachEvent) { 
      obj.attachEvent("on" + evt, fn); 
     } 
    } 
    addEvent(window,"load",function(e) { 
     addEvent(document, "mouseout", function(e) { 
      e = e ? e : window.event; 
      var from = e.relatedTarget || e.toElement; 
      if (!from || from.nodeName == "HTML") { 
      document.getElementById('ControlCode').style.display = "none"; 
      document.getElementById('ControlCode').style.visibility = "hidden"; 
      } 
     }); 
    }); 
    </script> 

Antwort

0

Vielleicht können Sie Somethings wie folgt verwenden:

$(window).focus(function() { 
    //code when user is in your tab 
}); 

$(window).blur(function() { 
    //code when user leave your tab 
}); 

Aus dieser Antwort: https://stackoverflow.com/a/1760268/4226012

+0

Dies als nicht funktioniert, wenn ich die div klicken, wird das div –

+0

schließt, wenn ich auf die am Seite, ich kann nicht mit dem Inhalt innerhalb div-Tag –

+0

interagieren Überprüfen Sie das Ereignis. Wenn die Zielelemente Ihr div ist, schließen Sie es nicht. – thib3113

Verwandte Themen