如何禁用峯值和波普效果（在iPhone 6s上使用Safari時的強壓效果）

我需要在此代碼（引導環境）中的「a」元素上禁用峯值效果（對iPhone 6s上的Safari使用強壓效果）：如何禁用峯值和波普效果（在iPhone 6s上使用Safari時的強壓效果）

<article> 
 
    <div class="gall-thumbnail"> 
 
    <a data-toggle="modal" href="mod1#"> 
 
     <img src="img.jpg"/> 
 
     <p class="text-center caption">Caption</p> 
 
    </a> 
 
    </div> 
 
    <div class="modal fade" id="mod1"> 
 
    <div class="modal-dialog"> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
 
      <h5 class="modal-title text-center">Caption</h5> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <img src="img.jpg" class="img-responsive"/> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</article>

我需要禁用它，因爲如果強勁，iPhone上的Safari 6S按下然後引導的「莫代爾」組件是在這裏與「峯」的衝突，並取得了比放大IMG其他圖片。 JPG。

因此，在「a」元素上禁用「peek」或在iPhone 6上使用Safari強力按下時顯示放大的img.jpg會很好。

來源

2016-06-13 Vincent

如果你想禁止偷看，當你「強」按iOS上的元素，你可以將webkit-user-select和webkit-touch-callout屬性設置爲無CSS。如果你正試圖阻止它所有的「一」的標籤，你可以做這樣的事情：

a{ 
    -webkit-user-select:none; 
    -webkit-touch-callout: none; 
}

來源

2016-06-14 13:16:04 stuyam

謝謝Yamartino，但它並不適用於「強壓」（PEEK）工作，因爲它正確地適用於「正常按住「這是另一回事：是否有其他的css聲明用於」強大的新聞「？ – Vincent

@Vincent在上面看到我更新的回覆。當我嘗試在Safari上禁用該類型的內容時，我實際上使用了這兩個屬性。在我的pressure.js庫中，我做了以下操作來防止所有這些事件發生奇怪的動作，例如https://github.com/yamartino/pressure/blob/master/src/adapter.js#L41 – stuyam

抱歉，Yamartino，您的第二個解決方案在我的代碼中不起作用。問題只在iOs上使用Safari。 – Vincent

如何禁用峯值和波普效果（在iPhone 6s上使用Safari時的強壓效果）

回答

相關問題