texto - pasar el mouse por la imagen y dar informacion html

Eliminar el texto cursor/puntero de la entrada de solo lectura enfocada

Question

Estoy usando un <input readonly="readonly"> , con el estilo de texto normal para eliminar la apariencia de un campo interactivo, pero todavía mostrar el valor.

Esto es muy útil para evitar que un usuario edite un campo, sin dejar de publicar el valor. Me doy cuenta de que este es un método de conveniencia y que hay varias soluciones, pero quiero usar este método.

Problema: el símbolo de interferencia parpadeante sigue apareciendo cuando se hace clic / enfoca el campo. (Al menos en FF e IE8 en Win7)

Idealmente, me gustaría que se comporte como normalmente lo hace, enfocable, pero sin el símbolo intermitente.

Soluciones Javascript bienvenidas

Answer 1

El método de desenfoque / desenfoque funciona bien para eliminar el cursor de un campo de solo lectura, pero el navegador no se enfoca automáticamente en el siguiente campo, y puede perder el enfoque por completo, que no es lo que el usuario normalmente espera. Por lo tanto, si es necesario, puede usar JavaScript simple para enfocarse en el siguiente campo que desee, pero debe especificar el siguiente campo:

<input type="text" name="readonly-field" value="read-only"
readonly onfocus="this.form.NextField.focus()">

Donde ''NextField'' es el nombre del campo a goto. (Alternativamente, podría proporcionar algún otro medio para ubicar el siguiente campo). Obviamente, esto es más complicado si desea navegar hacia algún elemento de UI no visible, como un panel de pestañas, ya que también deberá organizar esto.

Answer 2

En el mío no hay cariño más o menos:

<input type="text" value="test" readonly="readonly" >

Eche un vistazo a esto: http://www.cs.tut.fi/~jkorpela/forms/readonly.html

Lo siento, ahora entiendo tu problema.

Prueba esto:

<input type="text" value="test" onfocus="this.blur()" readonly="readonly" >

Answer 3

Puedes usar esto en tu CSS, pero no se enfocará:

[readonly=''readonly''] {
pointer-events: none;
}

Answer 4

Se puede hacer usando html y javascript

<input type="text" onfocus="this.blur()" readonly >

o jQuery

$(document).on(''focus'', ''input[readonly]'', function () {
this.blur();
});

Answer 5

la única forma que encontré para esto fue

//FIREFOX
$(''INPUT_SELECTOR'').focus(function () {
$(this).blur();
});
//INTERNET EXPLORER
$(''INPUT_SELECTOR'').attr(''unselectable'', ''on'');
KENDO
$(''.k-ff .k-combobox>span>.k-input'').focus(function () {
$(this).blur();
});
$(''.k-ie .k-combobox>span>.k-input'').attr(''unselectable'', ''on'');