2017-07-01 41 views
0

我正在处理一段代码,但我无法使它在手机上工作,因为没有鼠标事件..我正在将此代码转换为适用于移动设备的某些内容..如果移动用户转到到另一个包含div的手机上的窗口或标签,我希望永久隐藏div。如何获得此工作在移动?

如何在移动设备上实现类似的工作代码?

<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> 

回答

0

也许你可以使用出头这样的:

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

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

从这样的回答:https://stackoverflow.com/a/1760268/4226012

+0

这不,当我点击DIV工作,DIV关闭 –

+0

当我在页面,我无法与div标签中的内容进行交互 –

+0

检查事件。如果目标元素是您的div,请不要关闭它。 – thib3113