Cómo deshabilitar la selección de texto, cortar, copiar, pegar y hacer clic con el botón derecho en una página web

Cómo deshabilitar la selección de texto, cortar, copiar, pegar y hacer clic con el botón derecho en una página web

Si desea evitar que otros roben contenido de su sitio web, puede hacerlo hasta cierto punto con la ayuda de CSS, JavaScript y jQuery. En este artículo, aprenderá a deshabilitar la selección de texto, cortar, copiar, pegar y hacer clic con el botón derecho en una página web.





Deshabilitar la selección de texto usando CSS o JavaScript

Puede deshabilitar la selección de texto de una página web completa o una parte de la página usando CSS, JavaScript o jQuery.



disco duro de windows 10 100%

Cómo deshabilitar la selección de texto de la página web completa usando JavaScript

Usar onmousedown y onselectstart atributos de evento con el cuerpo etiqueta para deshabilitar la selección de texto de una página web completa. Estos eventos anulan el comportamiento predeterminado de los navegadores.





|_+_|

Cómo deshabilitar la selección de texto de una parte de la página web usando JavaScript

Usar onmousedown y onselectstart atributos de evento con el HTML etiqueta en aquellos en los que desea deshabilitar la selección de texto. En el siguiente ejemplo, la selección de texto está deshabilitada para el segundo div etiqueta.

|_+_|

Cómo deshabilitar la selección de texto de la página web completa usando CSS

Utilizar el selección de usuario Propiedad CSS con la cuerpo etiqueta para deshabilitar la selección de texto de una página web completa. Para algunos navegadores, debe agregar una extensión antes selección de usuario . Aquí está la lista completa de propiedades para todos los navegadores:



  • Cromo , Opera : selección de usuario
  • Safari : -webkit-user-select
  • Mozilla : -moz-user-select
  • IE 10+ : -ms-user-select

Debe establecer todas estas propiedades en ninguna para deshabilitar la selección de texto.

|_+_|

Cómo deshabilitar la selección de texto de una parte de la página web usando CSS

Usar selección de usuario Propiedad CSS con la HTML etiqueta en aquellos de los que desea deshabilitar la selección de texto. Puede orientar esos elementos HTML mediante una clase o ID. En el siguiente ejemplo, la selección de texto está deshabilitada para el segundo div etiqueta. Aquí, la clase se usa para apuntar al segundo div.



Relacionado: 10 ejemplos de código CSS simples que puede aprender en 10 minutos

|_+_|

Cómo deshabilitar cortar, copiar y pegar usando JavaScript

Puede deshabilitar cortar, copiar y pegar usando el oncut , oncopia , y pegar atributos de evento con los elementos HTML de destino. Si desea deshabilitar cortar, copiar y pegar para la página web completa, debe usar estos atributos de evento con la etiqueta del cuerpo. También puede deshabilitar la función de arrastrar y soltar usando ondrag y ondrop atributos del evento. En el siguiente ejemplo, cortar, copiar, pegar, arrastrar y soltar están deshabilitados para la etiqueta de entrada.



Relacionado: ¿Qué es JavaScript y cómo funciona?

|_+_|

Cómo deshabilitar cortar, copiar y pegar con jQuery

Puede deshabilitar cortar, copiar y pegar en una página web usando jQuery unir() función. En el unir() función, debe especificar los eventos de cortar, copiar y pegar que se activan cuando un usuario intenta cortar, copiar o pegar algo en la página web. Asegúrese de incrustar la etiqueta de secuencia de comandos en la sección de encabezado para cargar jQuery antes de usarlo.

Relacionado: Aprenda a crear un elemento en jQuery

|_+_|

Cómo deshabilitar el clic derecho en una página web usando JavaScript

Puede deshabilitar el clic derecho en su página web usando un menú contextual event e incluyendo 'return false' en el controlador de eventos.

|_+_|

Cómo deshabilitar el clic derecho en una página web usando jQuery

Puede deshabilitar el clic derecho en su página web usando el Menú de contexto evento.

|_+_|

Proteja su sitio web de los ciberdelincuentes

Los ciberdelincuentes utilizan todas las herramientas posibles a su disposición para robar datos, sitios web no deseados o piratear información confidencial de páginas protegidas. Es imperativo incluir una capa de seguridad en su sitio web para evitarlos. Enviar spam a los formularios de sitios web es uno de los ataques más comunes en estos días. Intente agregar la validación CAPTCHA a los formularios de su sitio web para evitar estos ataques de spam.

cómo descargar películas de sitios web
Cuota Cuota Pío Correo electrónico Cree un formulario de validación CAPTCHA usando HTML, CSS y JavaScript

Proteja sus sitios web con la validación CAPTCHA.

Leer siguiente Temas relacionados
  • Programación
  • Desarrollo web
  • jQuery
  • CSS
Sobre el Autor Yuvraj Chandra(60 Artículos publicados)

Yuvraj es estudiante de licenciatura en Ciencias de la Computación en la Universidad de Delhi, India. Le apasiona el desarrollo web Full Stack. Cuando no está escribiendo, está explorando la profundidad de diferentes tecnologías.

Más de Yuvraj Chandra

Suscríbete a nuestro boletín

¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!

Haga clic aquí para suscribirse