vue.js右鍵點選事件+在游標停靠位置插入文字
阿新 • • 發佈:2018-11-13
直接在需要右鍵效果的新增
@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);
}