Home-theater-designers
Se vuoi impedire ad altri di rubare contenuti dal tuo sito web, puoi farlo in una certa misura con l'aiuto di CSS, JavaScript e jQuery. In questo articolo imparerai come disabilitare la selezione del testo, tagliare, copiare, incollare e fare clic con il pulsante destro del mouse su una pagina web.
Disabilita la selezione del testo usando CSS o JavaScript
Puoi disabilitare la selezione del testo di una pagina web completa o di una parte della pagina utilizzando CSS, JavaScript o jQuery.
come trasferire google docs su un altro account
Come disabilitare la selezione del testo della pagina Web completa utilizzando JavaScript
Utilizzo sopra il mouse e suselectstart attributi dell'evento con il corpo tag per disabilitare la selezione del testo di una pagina web completa. Questi eventi sovrascrivono il comportamento predefinito dei browser.
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.
Come disabilitare la selezione del testo di una parte della pagina Web utilizzando JavaScript
Utilizzo sopra il mouse e suselectstart attributi dell'evento con il HTML tag su quelli su cui vuoi disabilitare la selezione del testo. Nell'esempio seguente, la selezione del testo è disabilitata per il 2° div etichetta.
This is the title of the web page
Text selection is enabled for this text.
Text selection is disabled for this text.
Come disabilitare la selezione del testo della pagina Web completa utilizzando i CSS
Utilizzare il selezione utente Proprietà CSS con il corpo tag per disabilitare la selezione del testo di una pagina web completa. Per alcuni browser, è necessario aggiungere prima un'estensione selezione utente . Ecco l'elenco completo delle proprietà per tutti i browser:
- Cromo , musica lirica : selezione utente
- Safari : -webkit-user-select
- Mozilla : -moz-user-select
- IE 10+ : -ms-user-select
È necessario impostare tutte queste proprietà su nessuna per disabilitare la selezione del testo.
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.
Come disabilitare la selezione del testo di una parte della pagina Web utilizzando i CSS
Utilizzo selezione utente Proprietà CSS con il HTML tag su quelli di cui vuoi disabilitare la selezione del testo. Puoi scegliere come target quegli elementi HTML utilizzando una classe o un ID. Nell'esempio seguente, la selezione del testo è disabilitata per il 2° div etichetta. Qui, la classe viene utilizzata per indirizzare la 2a div.
Imparentato: 10 semplici esempi di codice CSS che puoi imparare in 10 minuti
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.
Come disabilitare taglia, copia e incolla usando JavaScript
Puoi disabilitare taglia, copia e incolla usando il oncut , in copia , e in pasta attributi dell'evento con gli elementi HTML di destinazione. Se vuoi disabilitare taglia, copia e incolla per l'intera pagina web, devi utilizzare questi attributi di evento con il tag body. Puoi anche disabilitare il trascinamento della selezione usando ondrag e a goccia attributi dell'evento. Nell'esempio seguente, taglia, copia, incolla, trascina e rilascia sono disabilitati per il tag di input.
Imparentato: Che cos'è JavaScript e come funziona?
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'
/>
Come disabilitare taglia, copia e incolla usando jQuery
Puoi disabilitare taglia, copia e incolla su una pagina web usando jQuery legamento() funzione. Nel legamento() funzione, è necessario specificare gli eventi taglia, copia e incolla che vengono attivati quando un utente tenta di tagliare, copiare o incollare qualsiasi cosa nella pagina web. Assicurati di incorporare il tag script nella sezione head da caricare jQuery prima di usarlo.
Imparentato: Scopri come creare un elemento in 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();
});
});
Come disabilitare il clic destro su una pagina Web utilizzando JavaScript
Puoi disabilitare il tasto destro del mouse sulla tua pagina web usando un nel menu contestuale event e includendo 'return false' nel gestore dell'evento.
This is the title of the web page
Right Click is disabled for the complete web page.
document.oncontextmenu = new Function('return false');
Come disabilitare il clic destro su una pagina Web utilizzando jQuery
Puoi disabilitare il tasto destro del mouse sulla tua pagina web usando il menù contestuale evento.
This is the title of the web page
Right Click is disabled for the complete web page.
$(document).bind('contextmenu',function(e){
return false;
});
Proteggi il tuo sito web dai criminali informatici
I criminali informatici utilizzano ogni possibile strumento a loro disposizione per rubare dati, siti Web di spam o hackerare informazioni sensibili da pagine protette. È indispensabile includere un livello di sicurezza nel tuo sito Web per evitare che ciò accada. Lo spamming di moduli di siti Web è uno degli attacchi più comuni di questi tempi. Prova ad aggiungere la convalida CAPTCHA ai moduli del tuo sito web per evitare questi attacchi di spam.
sincronizza i contatti da iPhone ad AndroidCondividere Condividere Tweet E-mail Crea un modulo di convalida CAPTCHA utilizzando HTML, CSS e JavaScript
Proteggi i tuoi siti web con la convalida CAPTCHA.
Leggi Avanti Argomenti correlati- Programmazione
- Sviluppo web
- jQuery
- CSS
Yuvraj è uno studente universitario di Informatica presso l'Università di Delhi, in India. È appassionato di sviluppo Web Full Stack. Quando non scrive, esplora la profondità di diverse tecnologie.
Altro da Yuvraj ChandraIscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti