vue.js右键点击事件+在光标停靠位置插入文本

直接在需要右键效果的添加

@contextmenu.prevent='function'    function写自己的代码

另外，项目中用到在光标停靠位置插入文本的功能，一并描述一下

insertShort(index) {

this.contextmenuShow = false;

//选中textarea

const myField = document.querySelector("#textarea");

//获取光标停靠的位置

let cursurPosition = myField.selectionStart;

//拼接字符串

this.preMarkResult.Content =

this.preMarkResult.Content.substring(0, cursurPosition) +

this.fastEnter[index].propertyValue +

this.preMarkResult.Content.substring(

cursurPosition,

this.preMarkResult.Content.length

);

myField.selectionDirection = cursurPosition

console.log(this.preMarkResult.Content);

}