HTML DOM queryCommandSupported() 方法(1)

📌 相关文章

📜 HTML DOM queryCommandSupported() 方法(1)

📅 最后修改于: 2023-12-03 15:15:33.686000 🧑 作者: Mango

HTML DOM queryCommandSupported() 方法

HTML DOM 中的 queryCommandSupported() 方法被用于检查一个命令是否被浏览器所支持。

语法

document.queryCommandSupported(commandName)

参数

commandName：必需。一个字符串，代表该方法需要检查的命令名称。

返回值

返回一个布尔值，表示该命令是否被浏览器所支持。当该命令被支持时返回 true，否则返回 false。

实例

<!DOCTYPE html>
<html>
<head>
	<title>queryCommandSupported() 方法示例</title>
</head>
<body>
	<div contenteditable="true" id="myDiv">在这里输入内容</div>
	<br>
	<button onclick="checkCommand()">检查命令是否被浏览器支持</button>

<script type="text/javascript">
function checkCommand() {
    var textArea = document.getElementById("myDiv");

    // 检查 'bold' 命令是否被浏览器支持
    var isBoldSupported = document.queryCommandSupported("bold");
    if (isBoldSupported) {
        textArea.innerHTML += "<br><br>'bold' 命令被支持！";
    } else {
        textArea.innerHTML += "<br><br>'bold' 命令不被支持！";
    }
}
</script>
</body>
</html>

支持的命令

以下是一些常见命令，但也可以使用其他命令：

bold
italic
underline
strikeThrough
insertImage
createLink
undo
redo
cut
copy
paste
selectAll

注意事项

该方法并不检查对应的浏览器是否支持该功能。
一些浏览器和版本可能支持某些命令，而某些命令在其他浏览器和版本中则不被支持。建议在使用该方法的时候进行兼容性测试。

以上就是 HTML DOM 中的 queryCommandSupported() 方法的介绍。该方法可以用于检查浏览器是否支持某些命令，从而实现更好的兼容性。