如何防止 Ouibounce 出现在移动设备上？

Posted 2023-05-09

技术标签:

【中文标题】如何防止 Ouibounce 出现在移动设备上？【英文标题】：How do I prevent Ouibounce from appearing on Mobile? 【发布时间】：2015-06-05 02:40:37 【问题描述】：

我已经实现了Ouibounce，效果非常好。下面是示例脚本代码。

我的问题是如何防止弹出窗口在移动设备上启动？我的第一个解决方案是在 479px 以下时给模态 div 一个 display:none 值，但我确信有一个更智能的解决方案......

谢谢

<script>        
        var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), 
            aggressive: true,
            timer: 0,
            callback: function ()  console.log('ouibounce fired!'); 
        );
        $('body').on('click', function () 
            $('#ouibounce-modal').hide();
        );
        $('#ouibounce-modal .modal-footer').on('click', function () 
            $('#ouibounce-modal').hide();
        );
        $('#ouibounce-modal .modal').on('click', function (e) 
            e.stopPropagation();
        );
    </script>

【问题讨论】：

【参考方案1】：

很抱歉回复晚了。在我自己搜索类似的东西后才发现这个。以下内容应该适合您。

function() 
  // detect mobile device
  var mobile = navigator.userAgent.match(/android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|webOS/i);

  if (mobile) 
    return mobile;
   else 
    return "desktop";

【讨论】：

【参考方案2】：

根据设计，Ouibounce 永远不会在移动设备上触发。它跟踪光标移动，并且在触摸屏上没有。

【讨论】：