execCommand无法使用标记<i>

Question

我有以下标记：

<div class="editorBtn" data-command="bold">
     <i class="editorIcon material-icons">format_bold</i>
</div>

然后我在editorBtn和editorIcon上的点击事件中添加了处理程序：

let $target = $(event.target);
let command;

if ($target.hasClass('editorIcon')) {
    command = $target.parent('.editorBtn').data('command');
}
else {
    command = $target.data('command');
}
console.log(command);

document.execCommand(command, false, '');

并在event.preventDefault();的{​​{1}}事件中使用mousedown;

如果我点击editorBtn就可以正常工作，但当我点击其中的editorIcon时什么都不做;