gpt4 book ai didi

javascript - 有没有办法确定 execCommand ('bold' ) 现在是否正在执行?

转载 作者:行者123 更新时间:2023-12-03 00:13:18 28 4
gpt4 key购买 nike

我正在构建一个带有粗体功能的简单 JavaScript 文本编辑器。我正在使用execCommand('bold')为了这。对于工具栏中的粗体图标,我必须检查我现在是否正在写粗体。我正在考虑一个 bool 变量,每次执行命令时都会设置该变量,但这是不可能的,因为可以选择文本等。

那么有没有办法确定 execCommand('bold') 现在是否正在执行?

最佳答案

您想要 Document.queryCommandState()方法。

bolder.onclick = e => {
document.execCommand('bold');
};

inp.onfocus = document.onselectionchange = e =>
bolder.classList.toggle('active', isWritingBold());

function isWritingBold() {
return document.queryCommandState('bold');
}
#bolder.active::before {
content: 'un-';
}
<button id="bolder">boldify current selection</button>
<div id="inp" contenteditable>edit me and <b>boldify</b> any part of my content</div>

关于javascript - 有没有办法确定 execCommand ('bold' ) 现在是否正在执行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54626564/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com