Disable right-click and dragging on images

disable-right-click-and-dragging.js

function disableRightClickAndDragOnImages() {
  // Get all images on the page
  const images = document.getElementsByTagName('img');

  // Loop through the images and disable right-click and dragging on each one
  for (let i = 0; i < images.length; i++) {
    images[i].addEventListener('contextmenu', event => {
      event.preventDefault();
    });
    images[i].addEventListener('mousedown', event => {
      if (event.button === 2) {
        event.preventDefault();
      }
    });
    images[i].addEventListener('keydown', event => {
      if (event.key === 'ContextMenu') {
        event.preventDefault();
      }
    });
    images[i].addEventListener('dragstart', event => {
      event.preventDefault();
    });
  }
}

disableRightClickAndDragOnImages();