document.execCommand（＆＃39; bold＆＃39;，false，true）不适用于jquery on（＆＃34; click＆＃34;，function（）{}）

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(){

Answer 2

这是你可以做到的，我希望这肯定会奏效。

 $('.bold').click(function(){});