Home-theater-designers
Ha meg akarja akadályozni, hogy mások lopjanak tartalmat a webhelyéről, akkor ezt bizonyos mértékig megteheti a CSS, a JavaScript és a jQuery segítségével. Ebben a cikkben megtudhatja, hogyan lehet letiltani a szövegkiválasztást, kivágást, másolást, beillesztést és a jobb egérgombbal történő kattintást egy weboldalon.
A szövegkiválasztás letiltása CSS vagy JavaScript használatával
Letilthatja a teljes weboldal vagy az oldal egy részének szövegkijelölését CSS, JavaScript vagy jQuery használatával.
hogyan lehet otthon wifit szerezni
A teljes weboldal szövegkiválasztásának letiltása JavaScript használatával
Használat lehanyatlott és onselectstart esemény attribútumok a test címke a teljes weboldal szövegkiválasztásának letiltásához. Ezek az események felülbírálják a böngészők alapértelmezett viselkedését.
This is the title of the web page
Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.
A weblap egy részének szövegkiválasztásának letiltása JavaScript használatával
Használat lehanyatlott és onselectstart esemény attribútumok a HTML címkét azokon, akiken le szeretné tiltani a szövegkiválasztást. Az alábbi példában a szövegkijelölés le van tiltva a 2 div címke.
This is the title of the web page
Text selection is enabled for this text.
Text selection is disabled for this text.
A teljes weboldal szövegkiválasztásának letiltása a CSS használatával
Használja a user-select CSS tulajdonság a test címke a teljes weboldal szövegkiválasztásának letiltásához. Egyes böngészőknél korábban bővítményt kell hozzáadnia user-select . Itt található az összes böngésző tulajdonságainak teljes listája:
- Króm , Opera : user-select
- Szafari : -webkit-user-select
- Mozilla : -moz-user-select
- IE 10+ : -ms-user-select
A szövegkiválasztás letiltásához ezeket a tulajdonságokat semlegesre kell állítania.
This is the title of the web page
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.
A weboldal egy részének szövegkiválasztásának letiltása a CSS használatával
Használat user-select CSS tulajdonság a HTML címkét azokon, akiknek a szövegkijelölését letiltani szeretné. Ezeket a HTML -elemeket osztály vagy azonosító segítségével célozhatja meg. Az alábbi példában a szövegkijelölés le van tiltva a 2 div címke. Itt az osztályt a 2. oszt.
Összefüggő: 10 egyszerű CSS -példa, amelyet 10 perc alatt megtanulhat
This is the title of the web page
.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
Text selection is enabled for this text.
Text selection is disabled for this text.
Hogyan lehet letiltani a kivágást, másolást és beillesztést a JavaScript használatával
A vágás, másolás és beillesztés letiltható a vágás , oncopia , és paszta esemény attribútumokat a cél HTML elemekkel. Ha szeretné letiltani a kivágást, másolást és beillesztést a teljes weboldalon, akkor ezeket az eseményattribútumokat kell használnia a body címkével. A drag and drop funkciót a gombbal is letilthatja ondrag és ondrop esemény attribútumai. Az alábbi példában a kivágás, másolás, beillesztés, húzás és ejtés le van tiltva a bemeneti címke esetében.
Összefüggő: Mi a JavaScript és hogyan működik?
This is the title of the web page
Cut, Copy, and Paste is disabled for the below input element.
type='text'
onselectstart='return false'
oncut='return false'
oncopy='return false'
onpaste='return false'
ondrag='return false'
ondrop='return false'
/>
A vágás, másolás és beillesztés letiltása a jQuery használatával
A jQuery segítségével letilthatja a kivágást, másolást és beillesztést egy weboldalra köt () funkció. Ban,-ben köt () funkciót, meg kell adnia azokat a kivágási, másolási és beillesztési eseményeket, amelyek akkor indulnak el, amikor a felhasználó bármit megpróbál kivágni, másolni vagy beilleszteni a weboldalra. A betöltéshez ügyeljen arra, hogy a szkriptcímkét a fejrészbe ágyazza jQuery használat előtt.
Összefüggő: Ismerje meg, hogyan hozhat létre elemet a jQuery -ben
This is the title of the web page
Cut, Copy, and Paste is disabled for the complete web page.
$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});
Hogyan lehet letiltani a jobb gombbal történő kattintást egy weboldalon JavaScript használatával
Letilthatja a jobb egérgombbal történő kattintást a weboldalán egy helyi menü eseményt, és tartalmazza a „return false” értéket az eseménykezelőben.
This is the title of the web page
Right Click is disabled for the complete web page.
document.oncontextmenu = new Function('return false');
A jobb oldali kattintás letiltása a weblapon a jQuery használatával
Letilthatja a jobb gombbal történő kattintást a weboldalán a helyi menü esemény.
This is the title of the web page
Right Click is disabled for the complete web page.
$(document).bind('contextmenu',function(e){
return false;
});
Védje webhelyét a kiberbűnözőktől
A kiberbűnözők a rendelkezésükre álló minden lehetséges eszközt felhasználnak arra, hogy adatokat, spam -webhelyeket lopjanak, vagy érzékeny információkat feltörjenek a védett oldalakról. Ezek elkerülése érdekében feltétlenül be kell építeni egy biztonsági réteget a webhelyére. A spamküldő weblapok manapság az egyik leggyakoribb támadás. Próbálja meg hozzáadni a CAPTCHA érvényesítést webhelye űrlapjaihoz, hogy elkerülje ezeket a spam támadásokat.
Windows 10 őszi alkotók frissítési problémákRészvény Részvény Csipog Email Hozzon létre CAPTCHA érvényesítési űrlapot HTML, CSS és JavaScript használatával
Védje webhelyeit a CAPTCHA érvényesítéssel.
Olvassa tovább Kapcsolódó témák- Programozás
- Webfejlesztés
- jQuery
- CSS
Yuvraj egy számítástechnikai egyetemi hallgató a Delhi Egyetemen, Indiában. Szenvedélyesen foglalkozik a Full Stack webfejlesztéssel. Amikor nem ír, a különböző technológiák mélységét kutatja.
Bővebben: Yuvraj ChandraIratkozzon fel hírlevelünkre
Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!
Feliratkozáshoz kattintson ide