鼠标右键点击事件

方式一

<el-button @contextmenu.prevent="clickRight()">保存</el-button>

.prevent可以阻止弹出默认的窗口 

方式二

<el-button @click.right="clickRight()">保存</el-button>

方式三

通过鼠标的mousedown事件。在鼠标按下的操作中 我们鼠标左键是 0 中间滚轮是 1 右键 是2

    document.addEventListener("mousedown", (e) => {
      if (e.button == 1) {
        console.log("你按下了鼠标滚轮!");
      } else if (e.button == 2) {
        console.log("你按下了鼠标右键!");
      } else {
        console.log("你按下了鼠标左键!"); //按左键没有反应
      }
      e.preventDefault();
    });

方式四

contextmenu

    document.addEventListener("contextmenu", (e) => {
      this.clickRight();
      e.preventDefault(); // 阻止弹出默认的右键窗口
    });

上一篇:JavaScript学习笔记——addEventListener:通用的事件处理程序指定方式


下一篇:DOM 事件与事件委托