首页 > 建站教程 > JS、jQ、TS >  vue 在textarea输入框的指定位置插入内容正文

vue 在textarea输入框的指定位置插入内容

我爱模板网要实现下面的效果,即在textarea输入框的光标位置,插入系统变量:

输入框插入内容

输入框插入内容


下面是实现代码:

insertVar(variable){
    let el = document.getElementById("textarea")
    let cursurPosition = -1
    if(el.selectionStart >= 0){
        cursurPosition = el.selectionStart
    }else{
        let range = document.selection.createRange()
        cursurPosition = range.text.length
    }
    this.value = this.value.slice(0, cursurPosition) + '${'+variable+'}' + this.value.slice(cursurPosition)
}