Buenas tardes,
Tengo un problemilla a la hora de ejecutar unos eventos cuando el plugin de magnific-popup tiene una imagen abierta. Os pongo un poco en situación:
Objetivo
Lo que necesito es poner impedimentos para que se capturen las imágenes de un sitio web. Soy totalmente consciente de la imposibilidad de realizar esto al 100%, aun así quiero poner ciertos impedimentos para los usuarios más básicos. Dejando de lado el resto de maneras que existen para robar una imagen, la implementación que quiero realizar consta de:
- Evitar clik derecho en imagenes (Lo tengo).
- Evitar capturar pantalla (Aquí tengo el problema parcialmente).
Problema
Actualmente dispongo del código desarrollado, el único problema viene cuando hay que ejecutar el trigger al mismo tiempo que la foto está agrandada con magnific-popup.
Este es el código JS que dispongo:
function fakeCopy(){
var aux = document.createElement("input");
aux.setAttribute("value", "Lo sentimos, no esta permitido tomar capturas de pantalla de este sitio web.");
document.body.appendChild(aux);
aux.select();
document.execCommand("copy");
document.body.removeChild(aux);
}
window.addEventListener('contextmenu', function(ev) {
if(ev.target.tagName == 'IMG'){
ev.preventDefault();
console.log('Ejecuto');
return false;
}
});
window.addEventListener("keyup", function(e){
if(e.keyCode == 44){
console.log('Ejecuto');
fakeCopy();
}
});
Esta porción de código corresponde a los dos eventos que ejecuto (uno para evitar click derecho y otro para evitar que se pulse esa tecla). El resto del código entiendo que es indiferente, no obstante me indicáis si necesitáis alguna porción más.
Reproducción
Cuando se ejecutan los eventos sin que magnific-popup esté abierto, funcionan los dos correctamente.
Cuando se ejecutan los eventos con magnific-popup abierto, solo funciona el evento de click derecho, el de capturar tecla no funciona. Aquí está un poco la duda que tengo, si el evento de click derecho es correctamente capturado y ejecutado, ¿por que el otro no?.
CodePen: https://codepen.io/anon/pen/OxaqWr
Muchas gracias anticipadas, un saludo.