firebug：断点和 contentEditable 奇怪的行为答案

【问题标题】：firebug: breakpoints and contentEditable odd behaviourfirebug：断点和 contentEditable 奇怪的行为
【发布时间】：2012-01-07 23:39:06
【问题描述】：

我有一个 contentEditable 元素（实际上是一个 tinyMCE 编辑器）；我正在调试我的插件，寻找特定于 Firefox 的错误。

我的代码使用事件侦听器来工作，其中：

ed.onKeyDown.addToTop(mycallback);

现在，我的问题是，如果我在通过按键触发的代码行中放置一个断点，然后单击 firebug 的“继续”按钮，代码将继续，但键被丢弃编辑。也就是说，我按下一个键，它不会出现在编辑器中。如果我删除断点，编辑器就可以正常工作。

这只发生在火狐上：谷歌浏览器工作正常。

有没有使用断点的解决方案，并且仍然可以看到编辑器工作？

【问题讨论】：

标签： javascript debugging tinymce firebug breakpoints

【解决方案1】：

我不知道您是否仍然遇到此问题，但在 Win7 上使用 Firefox 13.0.1 + Firebug 1.9.2 的以下示例对我来说效果很好：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>tinyMCE test</title>
        <script type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
        <script type="text/javascript">
        function mycallback() {
          console.log("Key down");
        }

        var ed = new tinymce.Editor("editor", {});

        ed.onKeyDown.addToTop(mycallback);

        ed.render();
        </script>
    </head>
    <body>
        <textarea id="editor">test</textarea>
    </body>
</html>

我的步骤：

在该测试页面上打开了 Firebug
启用并切换到脚本面板
重新加载页面
在第 10 行设置断点 (console.log("Key down");)
在 tinyMCE 编辑器中键入“a” => 执行在第 10 行停止
单击继续按钮
切换到控制台面板

=> 输出“Key down”已登录到控制台面板

我不得不承认，我对 tinyMCE 一无所知，而且我对您的描述也不是 100% 清楚。如果你仍然有这个问题，它会有所帮助，如果你提供一个小测试用例，包括像我一样重现的步骤。

【讨论】：