Как отключить событие 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>

Здесь - это общие точки остановаиспользуется для определения способа отображения страницы.

Я предлагаю меньше 768 пикселей, чтобы убедиться, что включены все мобильные телефоны, но это зависит от вас, чтобы оценить это.;)