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

时间:2018-12-11 02:48:48

标签: javascript jquery html html5

我试图让此onclick事件仅在移动设备上起作用。当您单击该元素时,它将移动到页面上的锚点(#map)。如何在大屏幕上禁用它?

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

1 个答案:

答案 0 :(得分:2)

具有命名函数,您可以在其中轻松添加更多指令……类似于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像素的像素,以确保包括所有手机,但这取决于您自己进行评估。 ;)