alguien sabe como evitar que al dar doble click sobre un elemento(como ejemplo sobre un icono de un menú desplegable) se seleccione el texto u otros elementos de una pagina HTML?
-
mejora tu pregunta para que entendamos tu duda porfavor.– informationCommented el 5 may. 2018 a las 4:14
-
1Me imagino que lo que buscas es algo como user-select, pero no tengo muy claro si lo que quieres es evitar que se seleccione o controlar el evento de pulsar sobre texto.– Alvaro Montoro ♦Commented el 5 may. 2018 a las 4:17
-
Solo evitar que se seleccionen los elementos cuando hago doble click sobre el icono del menú desplegable– Carlos Morfin DiazCommented el 5 may. 2018 a las 4:20
-
Al dar doble click sobre el menú aparecen los cuadros de selección sobre el texto y algunos elementos– Carlos Morfin DiazCommented el 5 may. 2018 a las 4:22
-
Gracias, ya lo solucioné con esa propiedad de user-select– Carlos Morfin DiazCommented el 5 may. 2018 a las 4:32
1 respuesta
Tal como le comenta @Alvaro-Montoro usando user-select
puede lograr esto, he notado que ha comentado que esta resuelto, pero aquí le dejo un ejemplo por si otro usuario tiene la misma cuestionante en algún momento.
Con jquery
puede intentar algo como esto:
$(element).mousedown(function(){ return false; })
Y con CSS
algo así:
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
Aquí un ejemplo:
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Versión sin prefijo, actualmente
compatible con Chrome y Opera */
<p>
Texto Seleccionable.
</p>
<p class="noselect">
Texto NO seleccionable.
</p>
Nota: El prefijo -khtml-
no es obligatorio, ver: ¿Qué compatibilidad pierdo al eliminar el prefijo -khtml-vendor? (Traducir del ingles)
Tenga en cuenta que es una característica no estándar (es decir, no forma parte de ninguna especificación). No se garantiza que funcione en todas partes, y puede haber diferencias en la implementación entre navegadores y en el futuro los navegadores pueden dejar de brindar soporte.
Para mas información consulte este Post SO: https://stackoverflow.com/a/4407335/8933039