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

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

  •  
  •   black11black · Jul 4, 2020 · 3672 views
    This topic created in 2163 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   ·   2863 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 52ms · UTC 06:05 · PVG 14:05 · LAX 23:05 · JFK 02:05
    ♥ Do have faith in what you're doing.