首頁(yè) 猿問移動(dòng)端按鈕的:active偽類是無(wú)效

移動(dòng)端按鈕的:active偽類是無(wú)效

JavaScript

開心每一天1111 2019-05-13 11:57:35

長(zhǎng)按press事件會(huì)導(dǎo)致瀏覽器彈出菜單，蘋果的可以用：請(qǐng)輸入代碼-webkit-touch-callout:none;來(lái)禁止，但是安卓的不行。禁止彈出只能用j加粗文字s來(lái)控制:window.ontouchstart=function(e){e.preventDefault();};這樣一來(lái)：active就失效了。請(qǐng)問有什么辦法既能保證按鈕的:active，又能禁止安卓瀏覽器長(zhǎng)按彈出菜單？

查看完整描述

2 回答

繁星coding

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊

document.body.addEventListener('contextmenu',function(e){e.preventDefault();});傳送門

反對(duì) 回復(fù) 2019-05-13

呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

css來(lái)禁用長(zhǎng)按選擇文字功能*{-webkit-touch-callout:none;-webkit-user-select:none;-html-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;}js的話就用node.addEventListener('contextmenu',function(e){e.preventDefault();});