9

我正在使用 jquery 制作一个非常简单的富文本编辑器......我不想使用第三方的。

我需要从输入开始监听 iframe（相同域等）中的事件。显然我需要经常使用 bind() 。

这就是我目前所拥有的，它在 IE8 中运行良好（令人惊讶的是）但在 Chrome 中运行良好。

<script>
$(function() {
    $('#text').contents().bind("keyup keydown keypress", function(e) {
        var code = e.keyCode || e.which;
        alert(code);
        return false;
    });
});
</script>

<body>
    <iframe id="text" name="text" src="edit.html"></iframe>
</body>

在上面的按键事件中，我还想获取 'edit.html' 的当前值并使用该值更新文本区域......

任何帮助将非常感激 ：）

非常感谢

编辑：为了进一步解释，edit.html 是一个可编辑的文件，使用"document.body.contentEditable = true;"

-

编辑2：

编辑.html =

<script language="javascript">
    function InitializeIFrame() {
        document.body.contentEditable = true;                         
    } 

</script>
<html>
<body onload="InitializeIFrame();">

</body>
</html>
4

2 回答 2

13

我似乎记得在尝试与 iframe（相同域等）通信时遇到了问题。我发现的技巧是在框架内进行绑定并绑定到主窗口中的函数。像这样的东西（在edit.html中）：

<script>
$('body').bind("keyup keydown keypress", function(e) {
  window.parent && window.parent.funcKey && window.parent.funcKey(e);
});
</script>

然后在主页中类似：

<script>
function funcKey(e) {
  var code = e.keyCode || e.which;
  alert(code);
  return false;
}
</script>

我意识到这并不完全适合您尝试这样做的方式，但可以达到相同的效果。根据我对 javascript 和 iframe 的了解，实际上与父母沟通比与 iframe 沟通更容易。如果你真的需要双向通信，你可以（继续上面的例子）使用函数 funcKey() 的返回值将数据传回 iframe。

于 2011-02-24T16:16:20.920 回答
-1

关于 javascript 最烦人的事情之一是 document.frames["frameID"] 返回一个与 document.getElementById("frameID") 不同的对象。（这是你使用 $("#frameID") 时得到的）

这种区别可能就是您遇到跨浏览器问题的原因。您可能需要使用不同的方式来访问 iframe 内容，直到找到一种可以正常工作的方式。

于 2011-02-24T15:43:32.813 回答