select()事件默認選中文本框的所有內容，並改變其背景色和文字顏色

一、select()事件默認選中文本框的所有內容

　　拿到input標籤的節點，調用select()方法便可。可是我作的vue項目中調用了此方法有一個bug，單次點擊會全選內容，雙次點擊的時候全選會閃一下後，而後全選狀態消失，後來通過測試是由於事件重複觸發了，但尚未找到解決的辦法，苦惱。。。。

　　ps:下午找到了解決的方法：

　　　　在vue組件中使用的select()方法換成setSelectionRange(0,1)便可、每次觸發focus事件的時候都會默認全選所有文本。這個時候就會有人問了，若是隻想選中部分文本怎麼辦，那麼這個時候就體現出setSelectionRange（a, b）這個方法的好處了，假如你只想選中前           四個字符串，那麼參數能夠傳(0, 4)，或者b-a 等於你想要選中的字符串個數就能夠了，舉個例子(4, 8)，這樣也能夠選中前四個字符串，不過我目前尚未找到能夠利用事件來選中中間一段文本的方法。    對了，有一點setSelectionRange(a, b)這個方法這咱們公司的項           目裏只能起到默認全選的狀態！！！

二、改變全選狀態下的文字背景顏色和文字顏色

　　節點::selection { background:#ccc;  color:#ff645d; }

　　節點::-moz-selection { background:#ccc;  color:#ff645d; }

　　節點::-webkit-selection { background:#ccc;  color:#ff645d; }

 

以爲好用的話記得給博主點贊呦！