限制在 IFrame 中输入按键事件，不起作用答案

【问题标题】：Restricting enter keypress event in an IFrame, does not work限制在 IFrame 中输入按键事件，不起作用
【发布时间】：2009-10-01 09:42:07
【问题描述】：

我的页面中有一个 IFrame，我在这个 iframe 上使用 designMode="on" 进行小级别富文本编辑。

我担心的是我不需要允许用户在其中输入新行 - 意思是，我想限制输入键。

我使用question posted here 来监听按键事件。但在我的按键事件中，如果我返回 false，则什么也不会发生。

如何使用设计模式限制 iframe 中的输入键？

代码：

      document.getElementById('editor').contentWindow.addEventListener('keypress',restrictEnterKey, true);

            function restrictEnterKey(event) {
                var key=(event.charCode)?event.charCode:((event.keyCode)?event.keyCode:((event.which)?event.which:0));
                if (key == 13) {
                    //alert('me');
                    return false;
                }
                return true;
            }

【问题讨论】：

标签： javascript iframe keypress designmode richtextediting

【解决方案1】：

您需要在事件上调用preventDefault 或将returnValue 设置为false 用于IE。以下函数将完成这项工作：

function preventDefault(evt) {
    if (evt.preventDefault) {
        evt.preventDefault();
    } else if (typeof evt.returnValue !== "undefined") {
        evt.returnValue = false;
    }
}

【讨论】：