JavaScript按钮全选字符功能
按钮的全选功能在表单里真的是个小但挺贴心的细节。像文本输入框、文本区域，用户有时候就是想一键全选内容复制走，自己慢慢划选多麻烦。这个小资源里，用的是原生 JavaScript，逻辑不复杂，但够实用。
页面里的按钮用addEventListener绑了个点击事件，一点击就用.select()搞定全选，响应也快，兼容性还不错。document.querySelectorAll也用上了，多个输入框的场景也能照顾到，细节做得还挺周到。
写工具类或者后台管理页面时，你就会用到，毕竟全选这功能，看起来简单，用得时候却高频。而且你要是想更进一步，比如只选一部分内容或者动态取消选中，文档里还提到了selectionStart和setSelectionRange这些属性，思路也有给到，值得一看。
如果你平时也经常搞一些表单交互，或者正在折腾自己的小组件库，这段代码可以直接抄过去用，用不上时也能学个写法存着。嗯，算是个比较经典的小技巧了。
文件大小：2.21KB
评论区