文本框整体删除及运算校验

需求:
1.通过点击按钮和运算符将按钮和运算符的文字赋值到input框中,input框不能输入,但是可以删除,以及光标插入。
2.删除时,运算符直接删,但是文字按钮需要整体删除。(如,在"社保个人"光标在"人"后点击删除时,直接删除"社保个人"这几个字)
3.保存时需要对input的内容进行校验,判断是否是一个正常的公式。

截图:


截屏2021-09-17 下午5.33.14.png






/** input在光标前插入文字
 * id:input绑定的id
 * insertTxt:要插入的文本
 * 返回:插入后的所有文本
 */
export function insertInputTxt(id,insertTxt) {
    var elInput = document.getElementById(id);
    var startPos = elInput.selectionStart;
    var endPos = elInput.selectionEnd;
    if (startPos === undefined || endPos === undefined) return
    var txt = elInput.value;
    var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos)
    elInput.value = result;
    elInput.focus();
    elInput.selectionStart = startPos + insertTxt.length;
    elInput.selectionEnd = startPos + insertTxt.length;
    return result;
}

你可能感兴趣的:(文本框整体删除及运算校验)