Input Color disabled 属性
示例代码
D禁用拾色器:
document.getElementById("myColor").disabled = true;
输出结果：
代码片段：
点击 "点我" 按钮禁用以上拾色器。
点我
function myFunction() {
document.getElementById("myColor").disabled = true;
}
演示一下 ?
一、定义和使用方法
disabled 属性用于设置或者返回拾色器是否可用。
使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰色。
该属性反映了 HTML disabled 属性。
二、浏览器支持
所有主流浏览器都支持 disabled 属性。
注意：Internet Explorer 和 Safari 浏览器不支持 元素。
三、语法
返回 disabled 属性：
colorObject.disabled
设置 disabled 属性：
colorObject.disabled=true|false
四、属性值值描述
true|false描述了拾色器是否可用true - 拾色器不可用
false - 默认。拾色器是可用的。
五、技术细节返回值：布尔值，如果拾色器被禁用返回 true，否则返回false。
六、更多示例代码
示例代码
查看拾色器是否可用:
var x = document.getElementById("myColor").disabled;x输出结果为：
true
点击 "点我" 按钮查看以上拾色器是否被禁用。
点我
function myFunction() {
var x = document.getElementById("myColor").disabled;
document.getElementById("demo").innerHTML = x;
}
示例代码
禁用或启用拾色器:
function disableBtn() {
document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
document.getElementById("myColor").disabled = false;
}
禁用拾色器
启用拾色器
function disableBtn() {
document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
document.getElementById("myColor").disabled = false;
}
