html怎麼禁止複製貼上

青灯夜游
發布: 2023-01-06 11:13:17
原創
7800 人瀏覽過

在html中,可以利用touch-callout和user-select屬性來屬性禁止複製貼上功能,只需要設定「user-select:none;-webkit-touch-callout:none;」樣式即可。

html怎麼禁止複製貼上

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

小夥伴們在開發的時候偶爾會遇到這樣的需求,客戶要求文章頁禁止複製和貼上,實現這個功能代碼如下(可同時實現PC端和手機端):

*{ -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; }
登入後複製

在加入這段程式碼後,在IOS 上會有問題的,這時候你會發現input 框無法正在輸入了內容了;造成這個原因就是-webkit-user-select:none; 這個屬性造成的。

解決這個方法 就是 在css 檔案中同時設定input 的屬性,如下所示:

input { -webkit-user-select:auto; /*webkit浏览器*/ }
登入後複製

推薦教學:《html影片教學

以上是html怎麼禁止複製貼上的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!