如何让这个在移动设备上工作?

时间:2017-07-01 09:23:02

标签: javascript google-chrome mobile

我正在处理一段代码,但我无法让它在移动设备上运行,因为没有鼠标输出事件..我希望将此代码转换为适用于移动设备的内容..如果是移动用户从包含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>

1 个答案:

答案 0 :(得分: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