首页 |  我的博客 |  查看该博主内容分类 | 

el-input如何获取组件的光标位置?

示例

组件ref.$el.children[0].selectionStart

同理,通过js getElement...的方式获取到input框,使用元素.selectionStart也能获取到,即:组件ref.$el.children[0]是为了定位到input元素

使用场景示例:

将内容插入到input组件光标处

insertTextToCursor(ele, value){   // 返回插入后的结果,ele为dom元素
	let cursorPosition = ele.$el.children[0].selectionStart
	return ele.value.slice(0, cursorPosition) + value + ele.value.slice(cursorPosition)  // 注意ele.value是获取dom的值,如不是elementUI的组件,请灵活变通
}
posted @ 2024-01-08 14:01  Z哎呀  阅读(223)  评论(0)    收藏  举报