當您在帶有 iOS 的 Chrome / Safari 中按住一個鏈接時,它會顯示一個煩人的鏈接預覽,當我有一個可排序的<ul>列表項(其中包含完整鏈接)時,就會出現問題,所以如果您按住拖動(我的<li>if上存在拖動事件)單擊/點擊即可轉到鏈接<a>。iOS問題: 當我按住應該啟動拖動事件時,會出現這個惱人的系統模式,阻止所有拖動過程并破壞用戶體驗。我嘗試過阻止默認操作,拖動開始時元素內的鏈接沒有指針事件,但沒有任何內容繼續出現element.sortable.on('drag:start', (e) => {
e.stopPropagation();
e.preventDefault();任何想法如何解決這個問題(js,css或一些html attr?)提前致謝
1 回答

喵喵時光機
TA貢獻1846條經驗 獲得超7個贊
這種 css 樣式會阻止您在 iOS safari 上提到的觸摸操作。在提問時,我相信默認的彈出窗口就是圖中所示的。但現在除了顯示一些選項之外,它還導航到小模式窗口中的實際頁面
a { -webkit-touch-callout: none; }
在 iOS 上導航到此進行測試:https ://jsfiddle.net/hygf4Lrk/3/
它會阻止長按(點擊并按住大約 1 秒)和用力觸摸(用力按壓但立即),這會導致默認情況下與鏈接預覽相同的操作。
- 1 回答
- 0 關注
- 162 瀏覽
添加回答
舉報
0/150
提交
取消