javascript - 如何在大屏幕上禁用onclick事件？

Question

我试图让这个 onclick 事件仅在移动设备上工作。当您单击此元素时，它会移动到页面上的 anchor (#map)。如何在大屏幕上禁用它？

<span 
onclick="document.location=document.location.toString().split('#') 
[0]+'#map';return false;">
</span>

Answer 1

有一个命名函数，您可以在其中轻松添加更多指令...就像 if 条件。

<span 
onclick="myFunctionName();">
</span>

<script>
function myFunctionName(){
  if(window.innerWidth<768){
    document.location=document.location.toString().split('#')[0]+'#map';
    return false;
  }
}
</script>

Here是用于确定如何显示页面的常见断点。

我建议小于 768 像素，以确保包含所有移动设备，但这取决于您的评估。 ;)