【转载】vue 如何获取input中光标位置，并且点击按钮在当前
原文链接：vue 如何获取input中光标位置，并且点击按钮在当前光标后追加内容
- 监听输入框的鼠标失焦事件;
- 获取失去交点时的光标在输入内容中的位置，data里定义一个变量存储如 blurIndex;
- 在指定位置绑定插入的方法【insert_flg】；
// html
<el-input @blur="handleInputBlur"></el-input>
// js
data() {
return {
formulaValue：null,
blurIndex: null,
};
}
methods:{
// 获取光标所在位置的index
handleInputBlur(e) {
this.blurIndex = e.srcElement.selectionStart;
},
// 插入按钮上绑定的方法
insert_flg(flg) {
let index=this.blurIndex
let str=this.formulaValue
this.formulaValue=str.slice(0, index) + flg + str.slice(index);
},
}
本文标题：【转载】vue 如何获取input中光标位置，并且点击按钮在当前
本文链接：https://www.haomeiwen.com/subject/yxcrmltx.html
网友评论