So lösen Sie das Problem der Deaktivierung des Einfügens und Kopierens, wenn Sie in HTML5 lange auf eine mobile Seite drücken

In diesem Artikel werden hauptsächlich relevante Informationen zur HTML5-Deaktivierung des Einfügens und Kopierens bei langem Drücken auf der mobilen Seite vorgestellt. Es ist sehr gut und hat Referenzwert it

Die Lösung lautet wie folgt:
Fügen Sie den folgenden Code direkt zur CSS-Datei hinzu, um die Funktion zum Verhindern des Einfügens und Kopierens auf dem Mobiltelefon zu realisieren :

XML/HTML Code复制内容到剪贴板
*{   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}

Nach dem Hinzufügen dieses Codes tritt unter IOS ein Problem auf. Zu diesem Zeitpunkt werden Sie feststellen, dass das Eingabefeld keinen Inhalt eingeben kann. Der Grund dafür ist -webkit-user-select: keine; diesAttribut.

Die Lösung für dieses Problem besteht darin, gleichzeitig die Eingabeattribute in der CSS-Datei festzulegen, wie unten gezeigt:

XML/HTML Code复制内容到剪贴板
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}

Das war's. Wenn etwas nicht stimmt, weisen Sie bitte darauf hin ;Lernen Sie voneinander und verbessern Sie sich gegenseitig!

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der Deaktivierung des Einfügens und Kopierens, wenn Sie in HTML5 lange auf eine mobile Seite drücken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!