如何在手机上禁用脚本

时间:2018-07-11 19:14:46

标签: javascript dom mobile

我在一个页面上运行了一个脚本,该页面中的手机ID想要禁用;我环顾四周,还没有找到解决方案。

脚本如下:

<script>
    document.addEventListener("mousemove", function (event) {
        const x = event.pageX
        const y = event.pageY

        document.querySelectorAll(".c-letter").forEach(div => {
            const dx = (div.offsetLeft + 50) - x
            const dy = (div.offsetTop + 50) - y
            const dist = Math.sqrt(dx * dx + dy * dy)

            const score = Math.exp(dist * -0.005)

            div.style.transform = "scale(" + score + ")"
            div.style.fontWeight = 100 + (100 * Math.round(8 * score))
        })
    })
</script>

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

取决于“移动设备”的含义。您可以获取正在使用的设备的名称,这称为用户代理嗅探,然后说出“如果这是iPhone,银河系或LG”等,但这不是面向未来的-何时新设备问世,您将一无所知。

最好进行功能检测-为什么手机上不需要您的代码?屏幕太小?它是触摸屏而不是鼠标?这些是您应该测试的东西。

您正在使用mousemove事件,因此看起来您可能想在触摸屏上禁用它。您可以这样做:

if ( !('ontouchstart' in window ) ) {
    ...
}
相关问题