HTML | DOM execCommand() 方法

在 HTML DOM 中，execCommand() 方法用于执行命令并影响当前编辑区域内选中的内容。该方法可以用于在可编辑区域内执行命令，例如插入、删除元素和编辑文本等操作。

语法

document.execCommand(command[, false/true, value]);

• command: 必须。字符串，指定要执行的命令。
• false/true: 可选。布尔值，指示我们希望在执行该命令时是否打开一个对话框。
• value: 可选。字符串，指定要执行的命令所需的额外信息。

示例

以下是使用 document.execCommand() 方法执行的一些操作：

1. 在编辑区域插入一个链接：

document.execCommand("createLink", false, "https://www.example.com");

2. 将选中的文本格式化为粗体：

document.execCommand("bold", false);

3. 复制选中的文本：

document.execCommand("copy", false);

支持的命令

document.execCommand() 方法支持许多常见的命令，以下是一些受支持的命令列表：

• backColor: 改变选区文本的背景色。
• bold: 切换选区文本为粗体或非粗体。
• copy: 复制选区到剪贴板。
• createLink: 创建一个链接。
• cut: 将选区剪切到剪贴板。
• delete: 删除选区的内容。
• fontColor: 改变选区文本的前景色。
• fontSize: 改变选区文本的字号。
• italic: 切换选区文本为斜体或非斜体。
• justifyCenter: 将选区文本居中对齐。
• justifyFull: 将选区文本两端对齐。
• justifyLeft: 将选区文本左对齐。
• justifyRight: 将选区文本右对齐。
• paste: 将剪贴板内容粘贴到选区。
• redo: 重做上一次操作。
• selectAll: 选中编辑区域内所有的内容。
• strikeThrough: 切换选区文本为中划线或非中划线。
• subscript: 切换选区文本为下标或非下标。
• superscript: 切换选区文本为上标或非上标。
• underline: 切换选区文本为下划线或非下划线。
• undo: 撤销上一次操作。

注意事项

• execCommand() 方法不能用于所有 HTML 元素。
• 在某些浏览器中，该方法可能会因为安全原因而被禁用。