推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
black11black

不懂就问, vue 有什么办法捕捉鼠标右键点击事件吗?

  •  
  •   black11black · Jul 4, 2020 · 3764 views
  •   You need to sign in to view this topic
    This topic created in 2220 days ago, the information mentioned may be changed or developed.

    如题,目前有一个需求是需要,当用户在特定 div 上按下右键时,执行某某操作。

    简单百度了一下通过 js 里面的 document.onmousedown 和 window.event 似乎可以实现,但是这样实现的是捕捉整个窗口的右键事件。

    请问 vue 里有办法针对特定 div 实现吗?谢谢

    5 replies    2020-07-04 22:51:49 +08:00
    liyang5945
        1
    liyang5945  
       Jul 4, 2020
    @mousedown.right.=someFunc()
    chnwillliu
        2
    chnwillliu  
       Jul 4, 2020 via Android
    dom 事件叫 oncontextmenu,你换成 Vue 的语法绑就行。
    black11black
        4
    black11black  
    OP
       Jul 4, 2020
    @zhuangzhuang1988 感谢感谢
    nianyu
        5
    nianyu  
       Jul 4, 2020
    魔改一下浏览器事件就好了 比如
    EventTarget.prototype.addEventListener = withHookBefore(
    EventTarget.prototype.addEventListener,
    myHookFn // 自定义的钩子函数
    )

    再把那些特定的 div 添加特定的 class
    如果 e.target.className 等于设置好的 class 就做一些自定义操作
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5576 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 06:05 · PVG 14:05 · LAX 23:05 · JFK 02:05
    ♥ Do have faith in what you're doing.