Tekstselectie, knippen, kopiëren, plakken en rechtsklikken op een webpagina uitschakelen

Tekstselectie, knippen, kopiëren, plakken en rechtsklikken op een webpagina uitschakelen

Als u wilt voorkomen dat anderen inhoud van uw website stelen, kunt u dat tot op zekere hoogte doen met behulp van CSS, JavaScript en jQuery. In dit artikel leert u hoe u tekstselectie, knippen, kopiëren, plakken en rechtsklikken op een webpagina uitschakelt.





Tekstselectie uitschakelen met CSS of JavaScript

U kunt de tekstselectie van een volledige webpagina of een deel van de pagina uitschakelen met behulp van CSS, JavaScript of jQuery.



hoe te voorkomen dat de laptop oververhit raakt?

Tekstselectie van de volledige webpagina uitschakelen met JavaScript

Gebruik maken van onmousedown en onselectstart gebeurtenisattributen met de lichaam tag om de tekstselectie van een volledige webpagina uit te schakelen. Deze gebeurtenissen overschrijven het standaardgedrag van de browsers.









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.


Tekstselectie van een deel van de webpagina uitschakelen met JavaScript

Gebruik maken van onmousedown en onselectstart gebeurtenisattributen met de HTML tag op degenen waarvoor u tekstselectie wilt uitschakelen. In het onderstaande voorbeeld is tekstselectie uitgeschakeld voor de 2e div label.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


Tekstselectie van de volledige webpagina uitschakelen met CSS

Gebruik de gebruiker-select CSS-eigenschap met de lichaam tag om tekstselectie van een volledige webpagina uit te schakelen. Voor sommige browsers moet u eerder een extensie toevoegen gebruiker-select . Hier is de volledige lijst met eigenschappen voor alle browsers:



  • Chroom , Opera : gebruiker selecteren
  • Safari : -webkit-gebruiker-selecteren
  • Mozilla : -moz-gebruiker-selecteren
  • IE 10+ : -ms-gebruiker-select

U moet al deze eigenschappen op geen zetten om tekstselectie uit te schakelen.





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.


Tekstselectie van een deel van de webpagina uitschakelen met CSS

Gebruik maken van gebruiker-select CSS-eigenschap met de HTML tag op degenen waarvan u de tekstselectie wilt uitschakelen. U kunt die HTML-elementen targeten met behulp van een klasse of ID. In het onderstaande voorbeeld is tekstselectie uitgeschakeld voor de 2e div label. Hier wordt klasse gebruikt om de 2e div te targeten.



Verwant: 10 eenvoudige voorbeelden van CSS-codes die u in 10 minuten kunt leren





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.


Knippen, kopiëren en plakken uitschakelen met JavaScript

U kunt knippen, kopiëren en plakken uitschakelen met de oncut , oncopy , en onpaste gebeurtenisattributen met de doel-HTML-elementen. Als u knippen, kopiëren en plakken voor de volledige webpagina wilt uitschakelen, moet u deze gebeurteniskenmerken gebruiken met de body-tag. U kunt slepen en neerzetten ook uitschakelen met ondrag en ondrop gebeurtenis attributen. In het onderstaande voorbeeld zijn knippen, kopiëren, plakken, slepen en neerzetten uitgeschakeld voor de invoertag.



Verwant: Wat is JavaScript en hoe werkt het?





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'
/>

Knippen, kopiëren en plakken uitschakelen met jQuery

U kunt knippen, kopiëren en plakken op een webpagina uitschakelen met de jQuery binden() functie. In de binden() functie, moet u de knip-, kopieer- en plakgebeurtenissen specificeren die worden geactiveerd wanneer een gebruiker iets op de webpagina probeert te knippen, kopiëren of plakken. Zorg ervoor dat u de scripttag in de head-sectie insluit om te laden jQuery voordat u het gebruikt.

Verwant: Leer hoe u een element in jQuery maakt





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();
});
});


Klikken met de rechtermuisknop op een webpagina uitschakelen met JavaScript

U kunt rechtsklikken op uw webpagina uitschakelen met een oncontextmenu event en inclusief 'return false' in de event-handler.





This is the title of the web page



Right Click is disabled for the complete web page.


document.oncontextmenu = new Function('return false');


Rechtsklikken op een webpagina uitschakelen met jQuery

U kunt rechtsklikken op uw webpagina uitschakelen met behulp van de contextmenu evenement.





This is the title of the web page




Right Click is disabled for the complete web page.


$(document).bind('contextmenu',function(e){
return false;
});


Bescherm uw website tegen cybercriminelen

Cybercriminelen gebruiken alle mogelijke tools die ze tot hun beschikking hebben om gegevens te stelen, websites te spammen of gevoelige informatie van beveiligde pagina's te hacken. Het is absoluut noodzakelijk om een ​​beveiligingslaag op uw website op te nemen om deze te voorkomen. Het spammen van websiteformulieren is tegenwoordig een van de meest voorkomende aanvallen. Probeer CAPTCHA-validatie toe te voegen aan de formulieren van uw website om deze spamaanvallen te voorkomen.

bladwijzers kopiëren van chrome
Deel Deel Tweeten E-mail Maak een CAPTCHA-validatieformulier met HTML, CSS en JavaScript

Beveilig uw websites met CAPTCHA-validatie.

Lees volgende Gerelateerde onderwerpen
  • Programmeren
  • Webontwikkeling
  • jQuery
  • CSS
Over de auteur Yuvraj Chandra(60 artikelen gepubliceerd)

Yuvraj is een student Computerwetenschappen aan de Universiteit van Delhi, India. Hij is gepassioneerd door Full Stack Web Development. Als hij niet aan het schrijven is, onderzoekt hij de diepte van verschillende technologieën.

Meer van Yuvraj Chandra

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren