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; }

 

以为好用的话记得给博主点赞呦！