禁止選中文本 css 寫法 js 寫法 禁止鼠標右鍵 ...
有時候,我們需要使頁面內容不可選擇。首先想到的是一個css屬性:user select。user select有兩個值: none:用戶不能選擇文本 text:用戶可以選擇文本 禁用選擇代碼實現 html: lt p gt 你可以選擇我。 lt p gt lt p class noselect gt 你不能選擇我 lt p gt css: .noselect webkit touch callou ...
2020-07-17 23:27 0 929 推薦指數:
禁止選中文本 css 寫法 js 寫法 禁止鼠標右鍵 ...
在元素上加入以下"user-select: none;"就可實現禁止選中文本了, 以下是兼容各瀏覽器寫法: -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit瀏覽器*/ -ms-user-select ...
轉載自: CSS禁止選擇文本功能(兼容IE,火狐等瀏覽器) 有時候,我們為了用戶體驗,需要禁用選擇文本功能。 這需要用到一個CSS屬性:user-select,user-select的文檔點這里 user-select有兩個值: none:用戶不能選擇文本 text:用戶可以選擇文本 需要 ...
在手機瀏覽器中,長按可選中文本,但如果在應用中,會給人一種異樣的感覺,最好還是禁用此功能為上。 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select ...
很多時候,我們在寫的手機頁面需要用戶進行長按然后響應一個事件.但是在微信中用戶的長按操作被默認為談出來一個復制的選項.那么這個時候如何去禁止這個東西呢? 其實很簡單,方法看下面: 只需要在你需要禁止的頁面的CSS表里面添加上這一段代碼就可以 ...
通常大家會有js來實現,另一個方案就是,將-webkit-user-select 和-moz-user-select 的值設為none,這針對於移動用戶,可能會很有用。請謹慎使用這個屬性:因為大部分用戶是來查看信息的,他們可以復制並存儲下來以備將來之用,所以這種方法既無用也無效。如果你禁用 ...
IE下有onselectstart這個方法,通過設置這個方法可以禁止元素文本被選取。而firefox下沒有這個方法,但可以通過css或一種變通的辦法解決: 使用CSS: 另外一種方法是: ie:document.selection.empty() ff ...
pc端: 移動: js方法: 在需要禁止的dom上添加這段代碼,兩種方法對於安卓和IOS的支持沒有單獨測試過。兩個同時使用,對於安卓和IOS可以起到禁止作用。 ...