Articles of cursor

Establecer la posición de caret en la capa div editeditable en Chrome / webkit

Estoy tratando de establecer la posición de caret en una capa div contenteditable, y después de buscar un poco en la web y experimentar, conseguí que funcionara en Firefox usando esto: function set(element,position){ element.focus(); var range= window.getSelection().getRangeAt(0); range.setStart(element.firstChild,position); range.setEnd(element.firstChild,position); } […] set(document.getElementById(“test”),3); Pero en Chrome / webkit selecciona todo el contenido en el div. ¿Es […]

Cómo cambiar el color del cursor del campo de texto en el proyecto Cordova iOS

Tengo un fondo azul en mi proyecto iOS basado en Cordova debido a que mi cursor no se ve correctamente en el dispositivo iPhone. Por lo tanto, si alguien se enfrenta a esto, dígame cómo cambiar el color del cursor del campo de texto en el proyecto Cordova iOS o si algún atributo HTML cambia […]

Cursor: puntero; en el elemento svg no funciona

En mi sitio web, uso svg elements. A veces necesito que se pueda hacer clic, por lo tanto, quiero que el puntero pase sobre ellos. Sin embargo, agregando clase o estilo css cursor: pointer; no trabajo. Ese es el elemento de ejemplo Parece que simplemente no funciona con svg. ¿Alguien sabe cómo solucionarlo o cómo […]

tomar el cursor en Windows Chrome

Obtengo dos cursores en Windows Chrome versión 31.0.1650.57 Los dos cursores son de agarre y una flecha predeterminada. He usado a continuación CSS CSS div { width:200px; height:200px; background-color:maroon; border:1px solid #000; cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; } Fiddle – http://jsfiddle.net/jL9ft/ Por favor, hágame saber qué está mal aquí. Gracias.

El cursor no se muestra en los campos de texto

en esta página: http://www.legrandclub.net hay dos campos de texto. En todos los navegadores web todo funciona bien, pero en Internet Explorer el cursor no se muestra cuando hago clic en uno de los dos campos de texto, es posible escribir algo de texto, pero el cursor no se muestra. ¿Cuál podría ser la causa de […]

¿Por qué no puedo cambiar un cursor en el modo estándar?

Ejemplo (probado en Chrome): testing cursor change only works in quirks mode Si cambio el Doctype a 1.0, informa que está en modo estándar y que el cursor ya no cambia. ¿Cómo puedo evitar esto? Por qué quiero: estoy haciendo un juego basado en la web, y en un momento dado un gato ataca el […]

Cocoa WebView, WebKit – ¿Evita que el cursor I-Beam se muestre sobre el texto?

Aplicación Cocoa, SnowLeopard Tengo un WebView en el que estoy cargando HTML (básicamente para propósitos de la interfaz de usuario de la aplicación). En el html, he agregado: Esto evita que se seleccione texto, que es lo que quiero para este trabajo. Sin embargo, cada vez que se mueve el cursor sobre cualquier texto, incluidos […]

¿Cómo cambiar el cursor según la posición del mouse?

Me gustaría cambiar el cursor de default a pointer cuando el mouse ingrese el rectángulo (50, 50, 100, 100) del elemento del body (los números están en píxeles). Sé que podría definir un div , colocarlo en esta posición y establecer el cursor: pointer; en él, pero estoy buscando de alguna manera sin definir un […]

HTML Textarea – cursor que comienza en el centro de textarea en lugar de arriba

Tengo una plantilla HTML y CSS que representa un campo de texto, sin embargo, al hacer clic en el campo, el cursor comienza desde la mitad del área de texto, no desde la parte superior izquierda, como era de esperar. Esto no ocurre en IE, pero sí en Chrome y FF. También obtengo una lista […]

¿Cómo puedo encontrar la ubicación del cursor (X / Y, no línea / columna) en un área de texto HTML?

Me gustaría mostrar una lista desplegable en un para ayudar al usuario a escribir ciertas cosas. Usted sabe esto de los IDEs actuales como la finalización del código. A medida que empiezas a escribir algo, aparecerá una ventana emergente en la ubicación actual del cursor / cursor y podrás navegar con las teclas de flecha […]