javascript - document.execCommand ('bold' ,false,true) 不适用于 ("click"上的 jquery , function(){})

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this question

我正在尝试使用 javascript 和 jquery 进行富文本编辑。

我想创建一个按钮来加粗内容可编辑 div 中的选定文本。当我尝试使用以下代码时，我得到了预期的结果。

<div contenteditable="true" style="height:100px;width:100px;border:1px solid; " class="editor"></div>
<button class='bold' onclick="document.execCommand('bold',false,true);">B</button> 

但是，当我使用 jquery 做同样的事情时，它不起作用。

<div contenteditable="true" style="height:100px;width:100px;border:1px solid; " class="editor"></div>
<button class='bold'>B</button>


$(function(){
    $("button.class").on("click",function(){
        document.execCommand('bold',false,true);
    })
})

为什么 jquery 不能解决我的问题？

Answer 1

$("button.class").on("click",function(){

将其更改为

$("button.bold").on("click",function(){