1. 程式人生 > >vue.js右鍵點選事件+在游標停靠位置插入文字

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);

}