js手动控制输入框的光标位置

  getConputation(item) {
    const formModel = this.formModel.value[‘rule_result4‘]; // 控制器中有文本框现在的内容
    const value = ‘{‘ + item[‘name‘] + ‘}‘; // 要添加的内容
    const element = $(‘#calculate input‘)[0]; // 输入框对象
    const newValLeft = formModel.substring(0, element.selectionStart); // 拼接，新值的左边
    const newValRight = formModel.substring(element.selectionStart, formModel.length);  // 拼接，新值的右边
    const newValue = newValLeft + value + newValRight; // 将新值左边、插入值、右边拼接在一起
    const newLocation = element.selectionStart + value.length; // 光标新的位置（以前的位置加上插入值的长度）
    this.formModel.patchValue({ ‘rule_result4‘: newValue }); // 给该文本框赋新值
    this.addRange(newLocation, newValue, element);  // 控制光标位置
  }
  // 控制光标位置
  addRange(newLocation, newValue, element) {
    element.value = newValue; // 更新输入框的值
    element.focus(); // 输入框获取焦点，但当文本过长的时候文本最后和光标不一同显示在输入框右边，而是隐藏起来了
    element.selectionStart = element.selectionEnd  = newLocation; // 更新光标位置，将之前算的新位置给输入框光标
　}