studio para menus inflar example ejemplos desplegable contextual bar android html5 css3 web-applications touch

para - menus en android ejemplos



Deshabilitar llamada(menĂº contextual) en Android (2)

En una aplicación web, necesito deshabilitar la llamada predeterminada que muestran los navegadores móviles al tocar y mantener ("toque prolongado") en un objetivo táctil, como un <img> o un enlace.

Ya estoy usando -webkit-touch-callout: none; que funciona bien en iPhone y iPad, pero no parece funcionar en Android (probado en Android 4.4).

Esta publicación de la lista de correo de W3 sugiere agregar un servicio de escucha para el evento "contextmenu" en Javascript y llamar a e.preventDefault() . Esto tampoco parece funcionar.

¿Alguna sugerencia?


Puedes intentar hacer esto:

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

Espero que esto sea útil...

Doc oncontextmenu


<!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>

Debe ser trabajo en 1.6 ("Donut") o superior. Espero que ayude.