2017-07-01 64 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