queryCommandEnabled()方法用于检查浏览器是否启用了指定的命令。
用法:
isEnabled = document.queryCommandEnabled( command );
参数:
- command:这是必须为其确定支持的命令。
返回值:它返回一个布尔值,该布尔值指定浏览器是否启用了该命令。如果启用该命令,则返回true;如果禁用该命令,则返回false。
范例1:本示例显示“selectAll”命令是否启用。我们可以使用此信息通过execCommand()方法执行命令,或者在不支持的情况下向用户显示一条消息。
HTML
<html>
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM queryCommandEnabled() method
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p>
A<br>
B<br>
</p>
<button onclick="checkCommand()">
Click
</button>
<script>
function checkCommand() {
// Check if the command is
// enabled using the
// queryCommandEnabled() method
var isEnabled = document
.queryCommandEnabled("SelectAll");
// Show the output to the console
console.log(isEnabled);
// Execute the command if the
// task is enabled
if (isEnabled) {
document.execCommand("SelectAll",
false, null);
}
}
</script>
</body>
</html>
输出:
单击按钮之前:
单击按钮后:
范例2:此示例说明了由于给定命令无效而该方法将返回false的情况。
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM queryCommandEnabled() method
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p>
A<br>
B<br>
</p>
<button onclick="checkCommand()">
Click
</button>
<script>
function checkCommand() {
// Checking to see if an invalid
// command is enabled
var isEnabled =
document.queryCommandEnabled("Select");
// Show the output to the console
console.log(isEnabled);
}
</script>
</body>
</html>
-
输出:
单击按钮之前:
-
单击按钮后:
支持的浏览器::
- 谷歌浏览器
- 边12
- Firefox 41
- Safari
- Opera
- IE浏览器
相关用法
- HTML DOM HTML用法及代码示例
- HTML DOM isEqualNode()用法及代码示例
- HTML Input Date stepUp()用法及代码示例
- HTML DOM console.warn()用法及代码示例
- HTML DOM console.clear()用法及代码示例
- HTML DOM blur()用法及代码示例
- HTML DOM createElement()用法及代码示例
- HTML DOM queueMicrotask()用法及代码示例
- HTML DOM Location replace()用法及代码示例
- HTML DOM close()用法及代码示例
- HTML DOM createAttribute()用法及代码示例
- HTML DOM writeln()用法及代码示例
- HTML DOM console.trace()用法及代码示例
- HTML DOM createComment()用法及代码示例
- HTML DOM console.table()用法及代码示例
- HTML DOM console.time()用法及代码示例
- HTML DOM createTextNode()用法及代码示例
- HTML DOM console.error()用法及代码示例
- HTML DOM console.count()用法及代码示例
- HTML DOM console.group()用法及代码示例
- HTML DOM console.groupEnd()用法及代码示例
- HTML DOM console.groupCollapsed()用法及代码示例
- HTML DOM console.assert()用法及代码示例
- HTML DOM appendChild()用法及代码示例
注:本文由纯净天空筛选整理自taran910大神的英文原创作品 HTML DOM queryCommandEnabled() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。