Support
Quality
Security
License
Reuse
kandi has reviewed BasePopup and discovered the below as its top functions. This is intended to give you an instant insight into BasePopup implemented functionality, and help decide if they suit your requirements.
一款针对系统PopupWindow优化的Popup库,功能强大,支持背景模糊,使用简单,你会爱上他的~
环境依赖
// root gradle
allprojects {
repositories {
// release依赖仓库(4.1后as默认配置有)
mavenCentral()
// snapshot仓库(如果需要snapshot依赖,请配置该maven)
maven { url 'https://s01.oss.sonatype.org/content/repositories/snapshots' }
}
}
// project dependencies
dependencies {
implementation 'io.github.razerdp:BasePopup:3.2.0'
// for snapshot
// implementation 'io.github.razerdp:BasePopup:3.2.0-SNAPSHOT'
}
Popup message on a right-click
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>
-----------------------
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>
-----------------------
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>
QUESTION
Popup message on a right-click
Asked 2017-May-31 at 10:39When I click on a draggable cloneable div
element, a simple popup message appears. How can I show this popup message only if it's a right-click while ignoring left-clicks?
<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
Answered 2017-May-31 at 10:39Try oncontextmenu="popupBaseDetails(this)"
It will perform right click .
e.preventDefault()
.it will prevent the default menu open on right click
Updated
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>
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
No vulnerabilities reported
Save this library and start creating your kit
Explore Related Topics
Save this library and start creating your kit