nonshy/website
nonshy/website
1
0
Fork 0
Code Issues 20 Pull Requests 1 Packages Projects Releases Wiki Activity

Disable image dragging

Browse Source
This commit is contained in:
Noah Petherbridge 2023-12-21 20:38:18 -08:00
parent 319fab3da9
commit 50434ae7d2
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/static/js/right-click.js
View File

@ -4,6 +4,7 @@ document.addEventListener('DOMContentLoaded', () => {
$button = $modal.querySelector("button"), $button = $modal.querySelector("button"),
cls = 'is-active'; cls = 'is-active';
// Disable context menu on all images.
(document.querySelectorAll('img, video') || []).forEach(node => { (document.querySelectorAll('img, video') || []).forEach(node => {
node.addEventListener('contextmenu', (e) => { node.addEventListener('contextmenu', (e) => {
$modal.classList.add(cls); $modal.classList.add(cls);
@ -11,6 +12,15 @@ document.addEventListener('DOMContentLoaded', () => {
}); });
}); });
// Make images not draggable.
(document.querySelectorAll('img') || []).forEach(node => {
node.addEventListener('dragstart', (e) => {
e.preventDefault();
return false;
});
node.setAttribute("draggable", "false");
});
$button.addEventListener('click', () => { $button.addEventListener('click', () => {
$modal.classList.remove(cls); $modal.classList.remove(cls);
}); });