es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¿Cómo puedo impedir que el usuario seleccione palabras parciales del texto completo en HTML?

¿Cómo puedo impedir que el usuario seleccione palabras parciales del texto completo en HTML?

13 Jul, 2023 Programación

Quiero que los usuarios solo puedan seleccionar palabras completas del texto proporcionado, no una parte de ellas. Pero no puedo encontrar ninguna solución para eso.

Supongamos que el texto es:
¡Hola! Mucho gusto en conocerte

Entonces, quiero que desde la interfaz de usuario el usuario no pueda seleccionar “Ni” de “Nice”, o algo similar. Solo deberían poder seleccionar la palabra completa “Nice” desde la interfaz de usuario. ¿Es eso posible?

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, es posible restringir a los usuarios de seleccionar palabras parciales del texto dado utilizando CSS. Puedes usar selectores CSS para lograr esto. La propiedad CSS user-select puede ser utilizada para controlar la habilidad del usuario de seleccionar el texto.

    Para prevenir la selección parcial, puedes utilizar la propiedad word-break con un valor de break-all para romper las palabras de manera que no puedan ser seleccionadas en parte. Luego puedes utilizar la propiedad user-select para restringir al usuario de seleccionar el texto.

    El siguiente fragmento de código CSS demuestra cómo puedes lograr esto:

    p {
  word-break: break-all; /* Romper palabras para evitar selección parcial */
  -webkit-user-select: none; /* Navegadores Webkit */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Versión no prefijada, soportada por la mayoría de los navegadores modernos */
}

    Con este código CSS, el usuario no podrá seleccionar palabras parciales del texto dado.

Comments are closed.