需求:鼠标一点击input输入框 就要将焦点至于 输入框的最后面,使用户不能在内容的中间 删除或者修改
const focusEnd = (value) => {
var inpEl = value.target // 获取dom元素
console.log(inpEl, 'LLL');
var length = value.target.value.length // 获取输入框文本的长度
if (document.selection) { // 判断浏览器是否支持selection属性
var range = inpEl.createTextRange() // 创建range对象
range.moveStart('character', length) // 设置range对象的开始位置
range.collapse() // 设置range对象的结束位置
range.select() // 选择range对象
} else if (typeof inpEl.selectionStart === 'number' && typeof inpEl.selectionEnd === 'number') { // selectionStart和selectionEnd两个属性是当前选中文本起始位置的索引
inpEl.selectionStart = inpEl.selectionEnd = length // 设置光标位置
}
}
可以通过length的值 设置光标处于 input输入框所在的位置