vue鼠标右键事件

作者: Jony0114 | 来源:发表于2019-07-26 17:41 被阅读0次

@mouseup="clickAttribute"

// 阻止鼠标右键浏览器默认行为

preventMouse () {

this.$refs.shuxingBox.oncontextmenu = function () { return false }

},

// 鼠标右键事件

clickAttribute (e) {

this.preventMouse()

if (e.button === 2) {

this.$refs.shuxingBox.style.top = (e.offsetY + 70) + 'px'

this.$refs.shuxingBox.style.left = (e.offsetX + 20) + 'px'

this.$refs.shuxingBox.style.display = 'block'

} else {

this.$refs.shuxingBox.style.display = 'none'

}

vue鼠标右键事件
@mouseup="clickAttribute" // 阻止鼠标右键浏览器默认行为 preventMouse...
鼠标事件
1. 鼠标事件 // 点击事件 onclick // 双击事件 ondblclick // 鼠标右键点击事件 on...
js设置或禁用鼠标右键菜单
当用户点击鼠标右键的时候oncontextmenu事件被触发 js禁用鼠标右键菜单 js自定义鼠标右键菜单 htm...
Fabric.js 右键菜单
本文简介 Fabric.js 默认没提供鼠标右键事件，只有鼠标按键点击、鼠标按键抬起、鼠标移动等事件。但...
鼠标右键点击事件
JS事件
鼠标事件 onmousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。onmouseup:鼠标...
你不知道的Dom事件？
Dom事件鼠标事件：mousedown：鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发mouseup：鼠...
【前端Vue】笔记：vue 的鼠标事件
vue 中的常见鼠标事件
6.DOM：常用鼠标事件(client、page、screen)
1.1. 常用鼠标事件 1.1.1 案例：禁止选中文字和禁止右键菜单 1.1.2 鼠标事件对象 1.1.3 获取鼠...
Esc按键和鼠标右键
安卓盒子连接着键盘。鼠标右键激发的事件是KEYCODE_BACK。这样鼠标右键就会进行退出程序的操作。而ES...