Home-theater-designers
Si voleu evitar que altres persones robin contingut al vostre lloc web, podeu fer-ho fins a cert punt amb l'ajut de CSS, JavaScript i jQuery. En aquest article, aprendreu a desactivar la selecció de text, retallar, copiar, enganxar i fer clic amb el botó dret en una pàgina web.
Desactiveu la selecció de text mitjançant CSS o JavaScript
Podeu desactivar la selecció de text d'una pàgina web completa o d'una part de la pàgina mitjançant CSS, JavaScript o jQuery.
com copiar adreces de correu electrònic de Gmail
Com es desactiva la selecció de text de la pàgina web completa mitjançant JavaScript
Ús onmousedown i onselectstart atributs d'esdeveniments amb cos per desactivar la selecció de text d'una pàgina web completa. Aquests esdeveniments anul·len el comportament predeterminat dels navegadors.
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.
Com es desactiva la selecció de text d'una part de la pàgina web mitjançant JavaScript
Ús onmousedown i onselectstart atributs d'esdeveniments amb HTML etiqueta els que vulgueu desactivar la selecció de text. A l'exemple següent, la selecció de text està desactivada per al segon div etiqueta.
This is the title of the web page
Text selection is enabled for this text.
Text selection is disabled for this text.
Com es desactiva la selecció de text de la pàgina web completa mitjançant CSS
Utilitzar el seleccionat per l'usuari Propietat CSS amb cos etiqueta per desactivar la selecció de text d'una pàgina web completa. Per a alguns navegadors, cal afegir una extensió abans seleccionat per l'usuari . Aquí teniu la llista completa de propietats de tots els navegadors:
- Chrome , opera : selecció per usuari
- Safari : -webkit-user-select
- Mozilla : -moz-user-select
- IE 10+ : -ms-user-select
Heu d’establir totes aquestes propietats a cap per desactivar la selecció de text.
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.
Com es desactiva la selecció de text d'una part de la pàgina web mitjançant CSS
Ús seleccionat per l'usuari Propietat CSS amb HTML etiqueta els que vulgueu desactivar la selecció de text. Podeu orientar aquests elements HTML mitjançant una classe o un identificador. A l'exemple següent, la selecció de text està desactivada per al segon div etiqueta. Aquí, s’utilitza la classe per orientar el segon div.
Relacionat: 10 exemples de codis CSS simples que podeu aprendre en 10 minuts
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.
Com es desactiva el tall, la còpia i l'enganxament mitjançant JavaScript
Podeu desactivar tallar, copiar i enganxar mitjançant el fitxer oncut , oncòpia , i pasta de pasta atributs d'esdeveniments amb els elements HTML de destinació. Si voleu desactivar el tall, la còpia i l'enganxament de la pàgina web completa, heu d'utilitzar aquests atributs d'esdeveniments amb l'etiqueta del cos. També podeu desactivar arrossegar i deixar anar mitjançant ondrag i ondrop atributs d'esdeveniments. A l'exemple següent, es desactiva el tallar, copiar, enganxar, arrossegar i deixar anar per a l'etiqueta d'entrada.
Relacionat: Què és JavaScript i com funciona?
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'
/>
Com desactivar el tall, la còpia i l'enganxament mitjançant jQuery
Podeu desactivar tallar, copiar i enganxar en una pàgina web mitjançant jQuery lligar () funció. A la lligar () funció, heu d’especificar els esdeveniments de tall, copiat i enganxament que s’activen quan un usuari intenta tallar, copiar o enganxar qualsevol cosa a la pàgina web. Assegureu-vos d'incorporar l'etiqueta de script a la secció de capçalera per carregar-la jQuery abans d’utilitzar-lo.
Relacionat: Obteniu informació sobre com es crea un element a 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();
});
});
Com desactivar el clic dret en una pàgina web mitjançant JavaScript
Podeu desactivar el clic dret a la vostra pàgina web mitjançant un menú oncontext esdeveniment i incloure 'return false' al gestor d'esdeveniments.
This is the title of the web page
Right Click is disabled for the complete web page.
document.oncontextmenu = new Function('return false');
Com desactivar el clic dret en una pàgina web mitjançant jQuery
Podeu desactivar el clic dret a la vostra pàgina web mitjançant el botó menú contextual esdeveniment.
This is the title of the web page
Right Click is disabled for the complete web page.
$(document).bind('contextmenu',function(e){
return false;
});
Protegiu el vostre lloc web dels ciberdelinqüents
Els ciberdelictes utilitzen totes les eines possibles per robar dades, llocs web brossa o piratejar informació sensible de pàgines protegides. És imprescindible incloure una capa de seguretat al vostre lloc web per evitar-les. Els formularis de llocs web de correu brossa són un dels atacs més habituals actualment. Proveu d'afegir la validació CAPTCHA als formularis del vostre lloc web per evitar aquests atacs de correu brossa.
el vídeo amazon prime desactiva la reproducció automàticaCompartir Compartir Tweet Correu electrònic Creeu un formulari de validació CAPTCHA mitjançant HTML, CSS i JavaScript
Protegiu els vostres llocs web amb la validació CAPTCHA.
Llegiu a continuació Temes relacionats- Programació
- Desenvolupament web
- jQuery
- CSS
Yuvraj és estudiant universitari en ciències de la computació a la Universitat de Delhi, Índia. És un apassionat del desenvolupament web Full Stack. Quan no escriu, explora la profunditat de les diferents tecnologies.
Més de Yuvraj ChandraSubscriu-te al nostre butlletí
Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.
Feu clic aquí per subscriure-us