Insisto que es una perdida de tiempo pero si tu también insistes...
Cualquier solución por Javascript es un esfuerzo de lo más inútil pues se puede desactivar fácilmente en cualquier navegador o interrumpir su procesamiento. Por lo tanto te sugiero una alternativa más limpia, rápida y segura que solo prevendrá la obtención de imágenes por parte del usuario medio. Nada de guardar como, abrir en nueva pestaña o arrastrar al escritorio. Pero quien quiera una imagen de tu web la obtendrá igualmente si o si. Simplemente establece las imágenes como fondo (background-image) de un elemento o capa. De cara al posicionamiento orgánico y al estándar no es muy positivo, pero lo he visto utilizar en páginas como 500px o Flickr así que tampoco puede ser extremadamente dañino.
Tus imágenes pasarían de mostrarse así:
Código HTML:
Ver original<img src="image.png" width="100" height="100" alt="Supuesta imagen que si me puedes robar" />
A algo como esto:
Código HTML:
Ver original<div style="background-image: url('image.png'); width: 100px; height: 100px; text-indent: -9999px;">Imagen que supuestamente no me puedes robar, pero si quieres es tuya.
</div>
Obviamente hay que trabajarlo más, utilizar clases CSS para el estilo y adaptarlo.
Lo correcto es proteger tu material con derechos de propiedad acordes a tus deseos.La gente efectivamente puede robar tu trabajo al igual que pueden robar tu dinero, por mucho que lo escondas en una caja fuerte en casa. Simplemente protégete legalmente licenciando el contenido audiovisual de tu web y si no quieres utilizar marcas de agua puedes firmarlas como muchos otros hacen.
Saludos.