切换禁用的文字输入onclick

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">