亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 javascript css 或 html attr 禁用 iOS 鏈接預覽

如何使用 javascript css 或 html attr 禁用 iOS 鏈接預覽

MMTTMM 2023-10-17 14:51:21
當您在帶有 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 秒)和用力觸摸(用力按壓但立即),這會導致默認情況下與鏈接預覽相同的操作。


查看完整回答
反對 回復 2023-10-17
  • 1 回答
  • 0 關注
  • 162 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號