为什么document.execCommand()只在<img>标签
Why document.execCommand() only works in <img> tag?
这是我的HTML代码:
function formatDoc() {
document.execCommand('italic', false, null);
}
<div id="toolBar2">
<span onclick="formatDoc();">italic</span>
<img src="images/video.jpg" onclick="formatDoc();">
</div>
<div id="textBox" contenteditable="true"><p>Lorem ipsum</p></div>
formatDoc()
在<span>
标签中不工作,但在<img>
标签中工作良好。为什么?它也不工作在<p>
标签等。到目前为止,我试图自己找出一个解决办法都没有成功。
谁能告诉我为什么会这样?(
谢谢大家。
我也遇到了这个问题,发现设置css属性
user-select: none;
上的标记与点击处理程序运行execCommand
修复了这个问题。
似乎问题是由于选择对象有错误的项目选择(焦点变化),当你点击一个HTML标签,可以选择
这是来自mozilla开发网络
当HTML文档切换到designMode时,文档对象公开execCommand方法,该方法允许运行命令来操作可编辑区域的内容。大多数命令会影响文档的选择(粗体、斜体等),而其他命令会插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable时,调用execCommand()会影响当前活动的可编辑元素。
查看更多细节https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
相关文章:
- 我应该如何在 UL 内触发 IMG 标签的点击
- Grails-设置g:点击img标签选择值
- 预加载标签IMG而不指定图像的名称
- JavaScript on Click 事件在 img 标签上无法正常工作
- 在容器中,我有文本和 img 标签,如何仅使用 js 或 jquery 获取文本
- PHP网站:导出<表>到Excel-并剥离<img>并且<a>标签
- 我想对<img>标签
- 如何在单击“提交”按钮后使文本区域和 IMG 标签只读
- <img>标签未显示图像
- javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像
- 当在 img 标签中提到类时,Href 不起作用
- 在 D3.js折线图中使用 IMG 而不是文本标签
- 使用 javascript 从图像数组中更改 img 标签 src.骰子游戏
- 捕获 img 标签并更改图像
- jQuery 按 ID 名称删除 img 标签不起作用
- 在 javascript 中调用 img 标签
- 获取输入 IMG 类型的选定图片并加载到图像标签中
- 在 jQuery 中获取 IMG 标签的 ID
- 如何访问嵌套在 h1 标签中的 img 标签元素
- 字符串处理添加尾斜杠到自关闭标签(IMG, BR等)