需求:鼠标一点击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输入框所在的位置


















