禁止選中文本 css 寫法 js 寫法 禁止鼠標右鍵 ...
在元素上加入以下 user select: none 就可實現禁止選中文本了, 以下是兼容各瀏覽器寫法: moz user select: none 火狐 webkit user select: none webkit瀏覽器 ms user select: none IE khtml user select: none 早期瀏覽器 user select: none 在IE lt 和Opera l ...
2019-07-04 18:04 0 1828 推薦指數:
禁止選中文本 css 寫法 js 寫法 禁止鼠標右鍵 ...
有時候,我們需要使頁面內容不可選擇。首先想到的是一個css屬性:user-select。user-select有兩個值: none:用戶不能選擇文本 text:用戶可以選擇文本 禁用選擇代碼實現 html: <p>你可以選擇我。</p> ...
通常大家會有js來實現,另一個方案就是,將-webkit-user-select 和-moz-user-select 的值設為none,這針對於移動用戶,可能會很有用。請謹慎使用這個屬性:因為大部分用 ...
IE下有onselectstart這個方法,通過設置這個方法可以禁止元素文本被選取。而firefox下沒有這個方法,但可以通過css或一種變通的辦法解決: 使用CSS: 另外一種方法是: ie:document.selection.empty() ff ...
pc端: 移動: js方法: 在需要禁止的dom上添加這段代碼,兩種方法對於安卓和IOS的支持沒有單獨測試過。兩個同時使用,對於安卓和IOS可以起到禁止作用。 ...
現象:html中可能有些地方不想讓用戶復制文字,或是用a標簽做了個點擊按鈕,點快的時候文字會被選中,很丑,這個時候可以使用下面的方案禁止文字選中。 原因:鼠標點快了。 解決方案: 不同的瀏覽器設置的內容不一樣,user-select不是一個W3C的標准,瀏覽器的支持不完成,需要對不同的瀏覽器 ...
壹 ❀ 引 在做博客美化的時候,想着去修改文本選中的背景色,因為網頁默認是藍底白字,看着與自己博客整體配色不太搭配,所以想着去改改。 貳 ❀ ::selection 解決方案其實很簡單,使用css3 ::selection屬性,該屬性用於匹配元素中被用戶選中或處於高亮狀態的部分 ...
在ios端默認的長按選擇,可以對文字進行復制粘貼。但是在實際開發中,針對一些按鈕一般要避免長按時彈出選中文字,或者一些罩層要避免彈出。 這篇文章通過css3實現禁止ios端長按復制選中文字的方法。 css代碼如下: *{ -webkit-touch-callout:none ...