Переключить отключенный ввод текста по клику

Question

Мой код работает отлично, пока поле ввода не отключено, и onclick ничего не вызывает, когда поле ввода находится в отключенном режиме.

Довольно просто:)

HTML:

<input id=toggleMe>

JavaScript:

var toggleMe=document.getElementById("toggleMe");

toggleMe.onclick=function(){if(toggleMe.disabled==false){toggleMe.disabled=true;}else{toggleMe.disabled=false;}}

jsfiddle:

https://jsfiddle.net/45cx6rwv/

Answer 1

Нельзя нажимать на отключенные элементы. Вместо этого вы можете использовать класс, на основе которого вы можете установить свойство readOnly элемента:

document.getElementById('toggleMe').addEventListener('click', function(){
  this.classList.toggle("disabled");
  if(this.classList.value.includes('disabled')){
        this.readOnly = true;
    } else {
        this.readOnly = false;
    }
});

.disabled{
    background-color: #DDD;
    color: #999;
}

<input id="toggleMe">