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.