Отключить выноску (контекстное меню) на Android

В веб-приложении мне нужно отключить выноску по умолчанию, отображаемое мобильными браузерами при касании и удержании («длинный кран») на целевом объекте, например <img> или ссылку.Отключить выноску (контекстное меню) на Android

Я уже пользуюсь -webkit-touch-callout: none;, который отлично работает на iPhone и iPad, но, похоже, не работает на Android (протестирован на Android 4.4).

This post из списка рассылки W3 предлагает добавить слушателя к событию «contextmenu» в Javascript и вызвать e.preventDefault(). Это тоже не работает.

Любые предложения?

источник

2015-02-19 Grodriguez

Вы можете попробовать сделать это:

window.oncontextmenu = function(event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    return false; 
};

Я надеюсь, что это полезно ...

Doc oncontextmenu

источник

2015-12-18 15:52:47 Zagonine

Как указано в моем вопросе, я уже пробовал это, и он не работает. – Grodriguez

Вы не говорили о stopPropagation. – Zagonine

Какая разница в этом контексте? Я пытаюсь предотвратить действие браузера по умолчанию, а не препятствовать тому, чтобы событие разбухало. – Grodriguez


 

 
<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <script> 
 
     function absorbEvent_(event) { 
 
      var e = event || window.event; 
 
      e.preventDefault && e.preventDefault(); 
 
      e.stopPropagation && e.stopPropagation(); 
 
      e.cancelBubble = true; 
 
      e.returnValue = false; 
 
      return false; 
 
     } 
 
    
 
     function preventLongPressMenu(node) { 
 
      node.ontouchstart = absorbEvent_; 
 
      node.ontouchmove = absorbEvent_; 
 
      node.ontouchend = absorbEvent_; 
 
      node.ontouchcancel = absorbEvent_; 
 
     } 
 
    
 
     function init() { 
 
      preventLongPressMenu(document.getElementById('doodle')); 
 
     } 
 
     </script> 
 
    </head> 
 
    <body onload="init()"> 
 
     <img id="doodle" src="http://www.google.com/logos/doodles/2015/spain-elections-2015-5652792221892608-hp2x.jpg" width="400"> 
 
    </body> 
 
    </html>

Она должна быть работа на 1.6 (Donut " ") или выше. надеюсь, это поможет.

источник

2015-12-22 05:11:49 KDeogharkar

Это отключает все события. Мне нужно отключить контекстные меню на целевых объектах, но они все равно должны быть осязаемыми. – Grodriguez

Отключить выноску (контекстное меню) на Android

ответ

Смежные вопросы