Ak chcete zabrániť iným ukradnúť obsah z vášho webu, môžete to do určitej miery urobiť pomocou CSS, JavaScript a jQuery. V tomto článku sa naučíte, ako zakázať výber textu, vystrihovať, kopírovať, vkladať a kliknúť pravým tlačidlom myši na webovú stránku.
Zakážte výber textu pomocou CSS alebo JavaScript
Výber textu pre úplnú webovú stránku alebo časť stránky môžete zakázať pomocou CSS, JavaScript alebo jQuery.
spustenie systému Windows 10 trvá 10 minút
Ako zakázať výber textu na celej webovej stránke pomocou JavaScriptu
Použite onmousedown a onselectstart atribúty udalosti s príponou telo tag, aby ste zakázali výber textu na celej webovej stránke. Tieto udalosti prepíšu predvolené správanie prehliadačov.
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.
Ako zakázať výber textu v časti webovej stránky pomocou JavaScriptu
Použite onmousedown a onselectstart atribúty udalosti s príponou HTML označte tých, na ktorých chcete zakázať výber textu. V nižšie uvedenom príklade je výber textu zakázaný pre 2. miesto div tag.
This is the title of the web page
Text selection is enabled for this text.
Text selection is disabled for this text.
Ako zakázať výber textu na celej webovej stránke pomocou CSS
Použi užívateľský výber Vlastnosť CSS s príponou telo tag na zakázanie výberu textu na celej webovej stránke. V prípade niektorých prehliadačov musíte najskôr pridať rozšírenie užívateľský výber . Tu je kompletný zoznam vlastností pre všetky prehliadače:
- Chrome , Opera : užívateľský výber
- Safari : -webkit-user-select
- Mozilla : -moz-user-select
- IE 10+ : -ms-user-select
Ak chcete zakázať výber textu, musíte nastaviť všetky tieto vlastnosti na žiadne.
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.
Ako zakázať výber textu v časti webovej stránky pomocou CSS
Použite užívateľský výber Vlastnosť CSS s príponou HTML označte tých, u ktorých chcete zakázať výber textu. Na tieto prvky HTML môžete zacieliť pomocou triedy alebo ID. V nižšie uvedenom príklade je výber textu zakázaný pre 2. miesto div tag. Tu sa trieda používa na zacielenie 2. div.
Súvisiace: 10 jednoduchých príkladov kódu CSS, ktoré sa môžete naučiť za 10 minút
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.
Ako zakázať vystrihovanie, kopírovanie a vkladanie pomocou JavaScriptu
Vystrihovanie, kopírovanie a vkladanie môžete zakázať pomocou oncut , oncopy a na pastu atribúty udalostí s cieľovými prvkami HTML. Ak chcete vypnúť vystrihovanie, kopírovanie a vkladanie pre celú webovú stránku, musíte použiť tieto atribúty udalostí so značkou body. Drag and drop môžete tiež zakázať pomocou ondrag a ondrop atribúty udalostí. V nižšie uvedenom príklade je vystrihnutie, kopírovanie, vloženie, ťahanie a pustenie pre vstupnú značku zakázané.
Súvisiace: Čo je to JavaScript a ako funguje?
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'
/>
Ako zakázať vystrihovanie, kopírovanie a vkladanie pomocou jQuery
Vystrihovanie, kopírovanie a vkladanie na webovú stránku môžete zakázať pomocou jQuery viazať () funkciu. V viazať () musíte zadať udalosti vystrihovania, kopírovania a vkladania, ktoré sa spustia, keď sa používateľ pokúsi vystrihnúť, skopírovať alebo prilepiť čokoľvek na webovú stránku. Nezabudnite načítať značku skriptu do sekcie head jQuery pred použitím.
Súvisiace: Zistite, ako vytvoriť prvok v jQuery
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();
});
});
Ako zakázať kliknutie pravým tlačidlom myši na webovú stránku pomocou JavaScriptu
Pravé kliknutie na svoju webovú stránku môžete zakázať pomocou kontextová ponuka udalosť a vrátane „return false“ v obsluhe udalosti.
This is the title of the web page
Right Click is disabled for the complete web page.
document.oncontextmenu = new Function('return false');
Ako zakázať kliknutie pravým tlačidlom na webovú stránku pomocou jQuery
Pravé kliknutie na svoju webovú stránku môžete zakázať pomocou obsahové menu udalosť.
This is the title of the web page
Right Click is disabled for the complete web page.
$(document).bind('contextmenu',function(e){
return false;
});
Chráňte svoj web pred počítačovými zločincami
Kybernetickí zločinci používajú všetky možné nástroje, ktoré majú k dispozícii, na odcudzenie údajov, spamovanie webových stránok alebo hackovanie citlivých informácií z chránených stránok. Zahrnutie bezpečnostnej vrstvy na váš web, aby ste tomu zabránili, je nevyhnutné. Spamovanie webových formulárov je jedným z najčastejších útokov súčasnosti. Skúste do formulárov svojich webových stránok pridať overenie CAPTCHA, aby ste sa vyhli týmto spamovým útokom.
Keď zapojím telefón do počítača, nič sa nestanezdieľam zdieľam Tweet E -mail Vytvorte overovací formulár CAPTCHA pomocou HTML, CSS a JavaScript
Zabezpečte svoje webové stránky overením CAPTCHA.
Čítajte ďalej Súvisiace témy- Programovanie
- Vývoj webových aplikácií
- jQuery
- CSS
Yuvraj je študentom informatiky na univerzite v Dillí v Indii. Je nadšený pre vývoj webových aplikácií Full Stack. Keď nepíše, skúma hĺbku rôznych technológií.
Viac od Yuvraja Chandruprihlásiť sa ku odberu noviniek
Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!
Kliknutím sem sa prihlásite na odber