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

Question

我正试图让这个onclick事件只在移动设备上运行。当您单击此元素时，它会移动到页面上的锚点(#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>

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

我建议低于768px，以确保包括所有手机，但这取决于你的评估。(