如何在 iPadOS15 Safari 中禁用放大鏡

Question

我想禁用當我們長按任何 html 元素時出現的文本放大鏡。

在IOS15中又開始出現了。

我嘗試了以下方法，但它們在 iOS15 上不起作用。 在 iOS html 應用程序中禁用放大鏡

您知道任何 CSS 屬性或其他禁用它的方法嗎？

Answer 1

使用-webkit-user-select: none;禁用文本-webkit-user-select: none; 對我不起作用。 我必須使用@Zhen Yao方法在 touchstart 事件中調用event.preventDefault() 。

另外：您可以在整個文檔或特定元素上禁用放大鏡，具體取決於您調用 touchstart 事件的元素。

/* disable on entire document */
//var htmlElement = document;

/* disable on specific html element */
var htmlElement = document.getElementById( 'some-html-id' );

htmlElement.addEventListener('touchstart', function( event ) { 
      event.preventDefault();
}, false);

示例小提琴： https : //jsfiddle.net/p3y71zL4/3/

Answer 2

該功能已在 iOS 15 中恢復，請參閱https://9to5mac.com/2021/06/07/ios-15-brings-back-the-magnifying-glass-for-accurate-text-selection/

一種解決方案是處理"touchstart"事件並在處理程序中調用event.preventDefault() 。

請注意，如果您仍想處理諸如"click"事件，則上述解決方案不起作用。

此外，Apple 通過允許使用-webkit-user-select: none;修復了 WebKit 中的問題-webkit-user-select: none; 要禁用放大鏡，請參閱https://bugs.webkit.org/show_bug.cgi?id=231161