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

标签 javascript jquery

我正在尝试使用 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 不能解决我的问题?

最佳答案

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

将其更改为

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

关于javascript - document.execCommand ('bold' ,false,true) 不适用于 ("click"上的 jquery , function(){}),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20822632/

相关文章:

jquery - 页面在样式和脚本之前加载,导致卡顿

jquery - 如何使用 jquery 在 ajax 加载后删除一个类?

javascript - 比较 3 个 JavaScript 变量

javascript - Redux reducer 的替代品

javascript - 修改并返回异步函数内的对象

jquery - Grails 中长时间运行的异步调用和服务器推送

javascript - 获取动态创建的 div 的 id

javascript - 如何使用嵌套表达式查找 JSON 对象?

javascript - 在纯 JS 中通过 <a> 标记触发 touchstart 事件时如何防止滚动而不是链接跟随?

javascript - 仅滚动一次将类别添加到值上