最近项目中需要做一个效果:在文本框中光标处输入指定的文本。这里就需要用到selection对象。网上查了资料,看了mdn,发现知识点有点乱,这边先写下我这次用到的几个
兼容性
<= IE10:
document.selection,返回的是当前文档选中的内容,目前这个api只有ie10以下支持,相关的方法如下:clear 清除选中的内容
empty 取消选中
createRange 返回 TextRange 或 ControlRange 对象
> IE11 and Others:
window.getSelection(),返回的是selection对象,就我目前的了解,通过这个对象并不能改变选中的文本内容,或者需要用到更加复杂的方式解决,所以这次没用到这个api,而是通过textarea元素节点的selectionStart以及selectionEnd属性- 相关实现代码
/**
* @param {node} f -textarea节点
* @param {string} value -需要插入的值
* @param {func} callback -回调函数
*/
export