1. 程式人生 > >按鈕在點選的時候,怎麼取消按鈕中的文字被選中

按鈕在點選的時候,怎麼取消按鈕中的文字被選中

在網頁中,一般文字都可以被選中,以便於複製貼上;但是在點選滑鼠過程中,如果滑鼠滑動過快,則會出現a標籤中文字被選中的情況,這就使得網頁比較難看。

我們可以通過設定user-select屬性來實現禁止文字選中的功能,user-select有2個值,none表示不能選中文字,text表示可以選擇文字;

由於user-select不是一個W3C的標準,瀏覽器的支援不完全,對於不同瀏覽器,需要設定的內容有所變動,如下所示。

body{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit瀏覽器*/
    -ms-user-select
:none;/*IE10*/ -khtml-user-select:none;/*早期瀏覽器*/ user-select:none; }

對於IE6-9,還沒又發現對應的css屬性,可通過js實現。

document.body.onselectstart = document.body.ondrag = function(){
    return false;
}