输入框输入内容我们有时候为了方便，会直接粘贴内容，例如IP，网址，或者陌生人的手机号。但是，有时候我们复制的内容包含冗余信息，或者格式不准确，还需要重新编辑，体验就不好了。实际上，我们可以直接控制剪切板里面的复制的文字内容，可以实现粘贴的数据是我们希望的准确的数据格式，省去用户重新自己编辑的麻烦，可以有效提升用户的交互体验。
具体该如何实现呢？请看本文的介绍以及可以直接复制粘贴就可以使用的JS代码。
文章关键字 ‘setSelectionRange’
利用剪切板JS API优化输入框的粘贴体验
2018年09月9日，星期日JS Range HTML文档/文字内容选中、库及应用介绍
2011年04月14日，星期四
本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意，可以让你选择HTML文档的任意部分，并可以拿这些选择的信息做你想做的事情。其中，最常见的Range是用户用鼠标选择的内容(user selection)。
本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。随后展示了Range相关的JavaScript库，以及JS 文本域光标处插入文字的实现——即新浪微博的插入话题功能的完整版实例展示。
本文提供必要的表格数据，源代码展示，效果截图以及demo页面，内容较多，篇幅较长。希望本文的内容能够对您的学习有所帮助。
新浪微博插入话题后部分文字选中的js实现
2010年04月14日，星期三
在新浪微博的微博信息发布框下面，有个“话题”按钮，点击这个“话题”文字按钮后，在输入框文本域里面就会添加一段文字“#请在这里输入自定义话题#”，其中“请在这里输入自定义话题”处于被选中的状态，这样用户无需再选中文字，直接敲键盘就可以替换这部分内容，这是非常好的一个提高用户体验的细节。
本文就像详尽的讲解这种效果的实现，提供详尽的代码展示，必要的截图，以及demo示例页面，希望能对您的学习有所帮助。
我的应用
我的应用