Quiero deshabilitar la lupa de texto que aparece cuando mantenemos presionado cualquier elemento html.
Ha empezado a aparecer de nuevo en IOS15.
Probé los siguientes métodos, pero no funcionaron en iOS15. Deshabilitar la lupa en la aplicación html de iOS
¿Conoce alguna propiedad CSS u otras formas de desactivarlo?
La función se recuperó en iOS 15, consulte https://9to5mac.com/2021/06/07/ios-15-brings-back-the-magnifying-glass-for-accurate-text-selection/
Una solución es manejar el evento "touchstart" y llamar a event.preventDefault() en su controlador.
Tenga en cuenta que la solución anterior no funciona si aún desea manejar eventos como "click" .
Además, Apple soluciona el problema en WebKit al permitir el uso -webkit-user-select: none; para desactivar la lupa, consulte https://bugs.webkit.org/show_bug.cgi?id=231161
Deshabilitar la selección de texto solo con -webkit-user-select: none; no funcionó para mí. Debo usar el enfoque @Zhen Yao con la llamada event.preventDefault() en el evento touchstart también.
Además: puede deshabilitar la lupa en todo el documento o en un elemento específico , según el elemento al que llame el evento touchstart y configure el css.
#some-html-id { -webkit-user-select: none; } /* disable on specific html element */ var htmlElement = document.getElementById( 'some-html-id' ); htmlElement.addEventListener('touchstart', function( event ) { event.preventDefault(); }, false);Ejemplo de violín: https://jsfiddle.net/0efro6cw/