Vytvořil jsem nový web pro mého grafika!

Jak zakázat stahování obrázků z webu

0 komentářů

Úvodem, ono někomu znemožnit stahování obrázků z webu je celkem nemožné, jelikož existuje opravdu hodně různých kliček, jak si obrázky stáhnout. První ochranou však může být například tento script, který na webu zakáže použití pravého tlačítka.

document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
  });

document.addEventListener('touchstart', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
    return false;
  }
});

document.addEventListener('touchend', function(e) {
  if (e.target.tagName === 'IMG') {
    e.preventDefault();
    return false;
  }
});

Dále je potřeba přidat ještě toto CSS, jelikož na mobilu to stahovat stále jde, jelikož zde není pravé tlačítko. Jenže i tak to jde obejít, když na iphone obrázek otevřete v nové záložce, tak se následně naskytne opět možnost stáhnout.

img {
    pointer-events: none; /* Zakáže veškerou interakci s obrázkem */
    -webkit-user-select: none; /* Zabrání výběru na iOS */
    user-select: none;
  }
Máte dotazy či potřebujete pomoc?
V případě dotazů mi napište níže komentář, rád vám odpovím a navedu vás. Komentář mi můžete napsat i v případě, že vám článek pomohl nebo se vám líbil, určitě to potěší. 🙂

Podobné články

Zanechte mi komentář