Miten poistaa hiiren oikealla painikkeella kuvia käyttäen jQuery
yhdessä aiemmista viesteistäni, olemme jo keskustelleet siitä, miten poistaa CTRL + U, CTRL + C, ja klikkaa hiiren oikealla sivulla, ja tänään opetusohjelma on kyse siitä, miten poistaa hiiren kakkospainikkeella ja vetää kuvia käyttäen jQuery tahansa verkkosivun.
saan usein bloggaajaystäviltäni ja asiakkailtani pyyntöjä turvata kuvat sivustoillaan ja estää ihmisiä lataamasta tai tallentamasta niitä. Suurin osa heistä haluaa minun päivittävän sivustoa välttääkseen käyttäjien kuvan hiiren kakkospainikkeella ja tallentavan kuvan tai raahaavan kuvan tietokoneelleen tai sovellukseensa, kuten Photoshopiin.
Okei, mutta miksi blogissasi tai verkkosivustollasi pitäisi poistaa hiiren kakkospainikkeella ja raahata kuvia?
tähän ei ole mitään erityistä syytä. Henkilökohtaisesti en suosittele käyttämään tätä komentosarjaa poistaaksesi hiiren kakkospainikkeella kuvat, koska se heikentää käyttäjäkokemuksen laatua. Lisäksi se olisi erittäin ärsyttävää monille käyttäjille. Muista, että sivustosi päätarkoitus on tarjota arvoa käyttäjille.
vaikka tuntisit hieman jQuery-ja CSS-valitsimia, voit muokata komentosarjaa poistaaksesi käytöstä tai ottamalla hiiren kakkospainikkeella ja vetämällä mitä tahansa HTML-elementtiä. Voit poistaa hiiren kakkospainikkeella kuvia, joissa on erityinen luokka tietyn komponentin.
miten skripti lisätään?
jos haluat lisätä tämän komentosarjan blogiisi, tässä on komentosarja, jonka avulla voit poistaa käytöstä vetämällä kuvia hiiren oikealla painikkeella. Tämä skripti toimii perustuu jQuery, mutta ehto on, että blogiisi on oltava jQuery plugin asennettu. Jos ei, lisää alla oleva jQuery-lisäosa </head> – tagin yläpuolelle blogiisi tai verkkosivullesi.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>nyt, on aika lisätä jQuery script, joka poistaa hiiren kakkospainikkeella ja vetämällä kuvia blogin verkkosivuilla. Sinun tarvitsee vain lisätä alla oleva skripti </body> – tagin yläpuolelle blogiisi/verkkosivustosi HTML: ään.
<script type="text/javascript">$(document).ready(function(){// this part disables the right click$('img').on('contextmenu', function(e) {return false;});//this part disables dragging of image$('img').on('dragstart', function(e) {return false;});});</script>juuri noin. Nyt vierailla verkkosivuilla ja yrittää hiiren kakkospainikkeella tahansa kuvan ja nähdä, miten tämä script toimii!
onko muuta keinoa?
lisäksi, tässä on toinen tapa, jolla voit poistaa hiiren oikealla painikkeella Kuvan Javascript (Kyllä, Javascript. Ei jQuery). Jos et halua lisätä yllä olevaa jQuery-komentosarjaa blogiisi tai haluat vain oikean klikkauksen olevan pois käytöstä eikä vetämällä, on olemassa toinen tapa.
voit kuitenkin poistaa raahauksen estävän toiminnon myös yllä olevasta skriptistä, mutta voit käyttää alla olevaa Javascript-koodia, joka sinun on liityttävä ennen </head> tagia blogissasi tai verkkosivusi HTML: ssä.
<script type='text/javascript'>//<!]></script>suositellaan sinulle:
miten poistaa tekstin valinta web-sivulta css: n avulla