javascript - 右键单击弹出消息

Question

当我单击可拖动可克隆 div 元素时，会出现一条简单的弹出消息。如何仅在右键单击时显示此弹出消息，而忽略左键单击？

<div id="drag-base" class="popup draggable" onclick="popupBaseDetails(this)">
  <span class="basepopup">A Simple Popup!</span>
</div>

JavaScript:

function popupBaseDetails(div) {
    div.querySelector(".basepopup").classList.toggle("show");
}

Answer 1

尝试oncontextmenu="popupBaseDetails(this)"它将执行右键单击。

e.preventDefault() .它将阻止右键单击时打开默认菜单

已更新

function popupBaseDetails(div,e) {
e.preventDefault()
  div.querySelector(".basepopup").classList.toggle("show");
}

.show{
color:red;
}

<div id="drag-base" class="popup draggable" oncontextmenu="popupBaseDetails(this,event)">
  <span class="basepopup">A Simple Popup!</span>
</div>