Home-theater-designers
Dacă doriți să împiedicați alții să fure conținut de pe site-ul dvs. web, puteți face acest lucru într-o anumită măsură cu ajutorul CSS, JavaScript și jQuery. În acest articol, veți afla cum să dezactivați selecția textului, să tăiați, să copiați, să lipiți și să faceți clic dreapta pe o pagină web.
Dezactivați selectarea textului utilizând CSS sau JavaScript
Puteți dezactiva selectarea textului unei pagini web complete sau a unei părți a paginii folosind CSS, JavaScript sau jQuery.
ceea ce face ca scorul tău rapid să crească
Cum se dezactivează selectarea textului paginii web complete utilizând JavaScript
Utilizare onmousedown și onselectstart atributele evenimentului cu corp pentru a dezactiva selectarea textului unei pagini web complete. Aceste evenimente anulează comportamentul implicit al browserelor.
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.
Cum se dezactivează selectarea textului unei părți a paginii web folosind JavaScript
Utilizare onmousedown și onselectstart atributele evenimentului cu HTML etichetați pe cei pe care doriți să dezactivați selectarea textului. În exemplul de mai jos, selectarea textului este dezactivată pentru a doua div etichetă.
This is the title of the web page
Text selection is enabled for this text.
Text selection is disabled for this text.
Cum se dezactivează selectarea textului paginii web complete utilizând CSS
Folosește selectat de utilizator Proprietate CSS cu corp tag pentru a dezactiva selectarea textului unei pagini web complete. Pentru unele browsere, trebuie să adăugați o extensie înainte selectat de utilizator . Iată lista completă de proprietăți pentru toate browserele:
- Crom , Operă : selectare utilizator
- Safari : -webkit-user-select
- Mozilla : -moz-user-select
- IE 10+ : -ms-user-select
Trebuie să setați toate aceste proprietăți la niciuna pentru a dezactiva selectarea textului.
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.
Cum se dezactivează selectarea textului unei părți a paginii web utilizând CSS
Utilizare selectat de utilizator Proprietate CSS cu HTML etichetați pe cei pentru care doriți să dezactivați selectarea textului. Puteți viza aceste elemente HTML folosind o clasă sau un ID. În exemplul de mai jos, selectarea textului este dezactivată pentru a doua div etichetă. Aici, clasa este utilizată pentru a viza a 2-a div.
Legate de: 10 exemple de cod CSS simple pe care le puteți învăța în 10 minute
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.
Cum se dezactivează tăierea, copierea și lipirea utilizând JavaScript
Puteți dezactiva tăierea, copierea și lipirea folosind oncut , oncopie , și pastă atributele evenimentului cu elementele HTML țintă. Dacă doriți să dezactivați tăierea, copierea și lipirea pentru pagina web completă, trebuie să utilizați aceste atribute de eveniment cu eticheta de corp. De asemenea, puteți dezactiva drag and drop folosind ondrag și ondrop atributele evenimentului. În exemplul de mai jos, tăierea, copierea, lipirea, glisarea și fixarea sunt dezactivate pentru eticheta de intrare.
Legate de: Ce este JavaScript și cum funcționează?
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'
/>
Cum se dezactivează tăierea, copierea și lipirea utilizând jQuery
Puteți dezactiva tăierea, copierea și lipirea pe o pagină web folosind jQuery lega() funcţie. În lega() funcție, trebuie să specificați tăierea, copierea și lipirea evenimentelor care sunt declanșate atunci când un utilizator încearcă să taie, să copieze sau să lipească orice pe pagina web. Asigurați-vă că încorporați eticheta scriptului în secțiunea cap pentru a încărca jQuery înainte de ao utiliza.
Legate de: Aflați cum să creați un element în 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();
});
});
Cum să dezactivați clic dreapta pe o pagină web folosind JavaScript
Puteți dezactiva clic dreapta pe pagina dvs. web utilizând un meniul oncontext eveniment și incluzând „return false” în gestionarul de evenimente.
This is the title of the web page
Right Click is disabled for the complete web page.
document.oncontextmenu = new Function('return false');
Cum să dezactivați clic dreapta pe o pagină web folosind jQuery
Puteți dezactiva clic dreapta pe pagina dvs. web folosind meniul contextual eveniment.
This is the title of the web page
Right Click is disabled for the complete web page.
$(document).bind('contextmenu',function(e){
return false;
});
Protejați-vă site-ul web împotriva criminalilor cibernetici
Infractorii cibernetici folosesc toate instrumentele posibile la dispoziția lor pentru a fura date, a trimite site-uri spam sau a pirata informații sensibile din pagini protejate. Este imperativ să includeți un strat de securitate pe site-ul dvs. web pentru a preveni acestea. Formularele de site-uri spam sunt unul dintre cele mai frecvente atacuri în zilele noastre. Încercați să adăugați validarea CAPTCHA la formularele site-ului dvs. web pentru a evita aceste atacuri de spam.
cum să postezi un colaj pe facebookAcțiune Acțiune Tweet E-mail Creați un formular de validare CAPTCHA utilizând HTML, CSS și JavaScript
Securizați-vă site-urile web cu validare CAPTCHA.
Citiți în continuare Subiecte asemănătoare- Programare
- Dezvoltare web
- jQuery
- CSS
Yuvraj este student la Universitatea din Delhi, India. Este pasionat de dezvoltarea web Full Stack. Când nu scrie, explorează profunzimea diferitelor tehnologii.
Mai multe de la Yuvraj ChandraAboneaza-te la newsletter-ul nostru
Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Faceți clic aici pentru a vă abona