HTML: cursor weergegeven in alleen-lezen-tekst?

Mijn oplossing, van het jQuery-fragment van nikmd23, maar met de vervaging() -functie die beter lijkt te werken

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

Voorbeeld hier: http://jsfiddle.net/eAZa2/

Gebruik het kenmerk "uitgeschakeld" niet omdat de invoer niet zou worden verzonden als deze deel uitmaakt van een formulier

Als u het kenmerk alleen-lezen wijzigt in uitgeschakeld , kunt u niet in het invoervak ​​klikken en heeft u dus geen cursor.

Afhankelijk van de browser, kunt u de tekst echter ook niet selecteren.

I've provided examples of the various input states here: http://jsfiddle.net/hqBsW/1/

Een ander alternatief is dat u een tekstselectie kunt forceren wanneer de gebruiker scherpstelt op een bepaald invoerelement. Deze verandering in het besturingsgedrag zou de gebruiker gemakkelijker in het feit wijzen dat invoer beperkt is, en stelt hen in staat om zeer gemakkelijk te kopiëren als dat het geval van het eindgebruik is.

Met jQuery zou je de selectiecode als volgt kunnen schrijven:

$('input[readonly]').focus(function(){
    this.select();
});

I've updated the example to show this behavior in action: http://jsfiddle.net/hqBsW/2/

Het kan worden gedaan met behulp van html en javascript

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

of globaal met behulp van jQuery

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

U kunt het stijlkenmerk van uw tag instellen of u kunt een css-klasse aan uw tag toevoegen door de waarde van het class-attribuut in te stellen. Uw probleem kan worden opgelost door de cursor in te stellen. U kunt hier meer lezen. Ook als u enkele regels hebt die de cursor van deze tag instellen, kunt u! Belangrijk toevoegen aan uw CSS-regel. U kunt hier meer lezen over! Belangrijke hier .

de enige manier die ik hiervoor vond was

//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');

U kunt CSS gebruiken:

input {pointer-events:none;}

Reference: https://developer.mozilla.org/pt-BR/docs/Web/CSS/pointer-events

Gebruik voor een CSS alleen, gebruik:

input[readonly] {
  pointer-events: none;
}