HTML5-Lösung für das Problem, dass langes Drücken auf mobilen Seiten dazu führt, dass das Einfügen und Kopieren deaktiviert wird

Dieser Artikel stellt hauptsächlich die relevanten Informationen zur HTML5-Lösung für das Problem der Deaktivierung des Einfügens und Kopierens bei langem Drücken auf mobilen Seiten vor. Er ist sehr gut und hat Referenzwert >

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

Inhalt in die Zwischenablage kopieren

1. *{   
       -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 der Grund dafür das Attribut -webkit-user-select:none ist.

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

XML/HTML-Code

Kopieren den Inhalt in die Zwischenablage

1. input {      
        -webkit-user-select:auto; /*webkit浏览器*/     
   }

   Das ist es. Wenn etwas nicht stimmt, bitten Sie bitte einen Meister, es darauf hinzuweisen einander und verbessern sich gegenseitig!

Das obige ist der detaillierte Inhalt vonHTML5-Lösung für das Problem, dass langes Drücken auf mobilen Seiten dazu führt, dass das Einfügen und Kopieren deaktiviert wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!