Executando verificação de segurança...
3

Outro detalhe é que elementos disabled são pulados quando vc navega pelos campos com a tecla TAB. Por exemplo, se tivermos:

<input type="text" name="nome" value="Nome" readonly>
<input type="text" name="idade" value="Idade" disabled>
<input type="text" name="endereco" value="Endereço">

Ao navegar pelos campos com a tecla TAB, o campo idade é pulado (ele vai do Nome direto para o Endereço).

E como já dito, elementos disabled não podem ser clicados, então mesmo se eu fizesse isso:

// adiciona evento de clique em todos os inputs
document.querySelectorAll('input').forEach(function(element) {
  element.addEventListener('click', function(e) {
    alert('clicado: ' + e.target.value);
  });
});

Mesmo assim, ao clicar no input que está disabled, nada acontece (mas se clicar nos outros, funciona).

E na verdade elementos disabled não recebem nenhum tipo de evento (não se limita ao clique).


Apesar disso, vale lembrar que os valores ainda podem alterados via JavaScript.

Carregando publicação patrocinada...
1