在Iframe外部的按钮触发的设计模式Iframe中插入文本
Inserting Text into a Designmode Iframe Triggered By a Button Outside the Iframe
我有一个可编辑的iframe,当用户单击iframe外部的按钮时,我想在光标位置插入文本。我试图使用以下代码插入文本:
function insertAtCursor(iframename, text, replaceContents) {
if(replaceContents==null){replaceContents=false;}
if(!replaceContents){//collapse selection:
var sel=document.getElementById(iframename).contentWindow.getSelection()
sel.collapseToStart()
}
document.getElementById(iframename).contentWindow.document.execCommand('insertHTML', false, text);
};
我认为这是失败的,因为当我去点击按钮时焦点发生了变化。然而,我不知道如何纠正这一点。谢谢你的帮助。
你是正确的焦点转移影响你的代码插入。
使用jQuery库,您可以将焦点移回按钮的点击绑定中的iframe:
$('#button').click(function(event) {
event.preventDefault();
$('#iframe').focus();
insertAtCursor('iframe', 'test-text', null);
});
在纯javascript中,在执行insertAtCursor()之前,像这样转移焦点:
document.getElementById('iframe').focus()
相关文章:
- 用于操纵DOM API的Javascript设计模式
- 用于多个选项卡和模块化的knockoutjs设计模式
- 自动化设计模式c++
- jQuery自动完成标记新的标签设计模式
- 有没有一种方法可以在设计模式下将ng模型或工厂绑定到iframe
- Javascript MVVM 设计模式 - 如何跟踪脏状态以及谁应该做 Ajaxing
- 包含 2 个或更多对象的页面上的 JavaScript 设计模式
- 在 Node 中.js释放 zalgo 的设计模式为什么异步路径是一致的
- Django设计模式-在加载时填充客户端JavaScript变量的方法
- Javascript策略设计模式问题
- 用于处理带有promise的外部接口中的参数的设计模式
- angularjs设计模式和从服务器获取数据的最佳实践
- JavaScript设计模式的建议
- 这种设计模式什么时候才能打破
- JavaScript设计模式,一个函数正在被覆盖
- BIRT报告在设计模式下导出到XLSX,但在运行时不导出
- 火狐浏览器 iframe 设计模式不起作用
- iframe关于光标移动问题的设计模式
- 在Iframe外部的按钮触发的设计模式Iframe中插入文本
- 启用iframe的设计模式