右键单击弹出消息

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>