HTML 設置文本不可選
在網頁設計中,經常需要設置某些文本內容不可被復制、粘貼、選中等。這種情況下可使用 HTML 代碼實現。下面介紹兩種常見的方式:
1. 使用 CSS 設置文本不可選
在 CSS 樣式表中,可使用 user-select 屬性來控制文本的可選性。該屬性的取值如下:
- none:文本不可選中
- auto:默認值,文本可選中
- text:只能選中文本,不能選擇元素(不包括表單控件)
- all:可選中文本和元素
以下是一個示例代碼:
p{ -webkit-user-select:none; /* Safari */ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* IE */ user-select:none; }2. 使用 JavaScript 設置文本不可選 除了使用 CSS 屬性外,還可使用 JavaScript 代碼實現文本不可選中。具體來說,創建一個 onMouseDown 事件,取消選中文本的默認操作,阻止文本被選擇。 以下是一個示例代碼:以上即是 HTML 設置文本不可選的兩種方式,根據需要選擇合適的方法即可。
上一篇npm vue例子
下一篇mysql二進制包升級