gpt4 book ai didi

javascript - 切换禁用的文本输入 onclick

转载 作者:行者123 更新时间:2023-11-30 14:17:56 25 4
gpt4 key购买 nike

在输入框被禁用之前,我的代码可以正常工作,并且当输入框处于禁用模式时,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/

最佳答案

您不能点击禁用的元素。您可以改用一个类,您可以根据该类设置元素的 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">

关于javascript - 切换禁用的文本输入 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53247400/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com