javascript - 使用 keyup 功能而不更改编辑文本

Question

我正在使用带有可编辑 div 和文本输入字段的 javascript 函数 keyup 用于将文本添加到可编辑 div 中，因此我的代码工作正常，但最近我添加了用于编辑文本的 CKeditor 插件。

例如，如果我在输入字段 keyup 函数中设置文本并且这些文本设置为可编辑的 div 现在我想使用 Ckeditor 在自定义后进行自定义，如果我想使用输入字段更改文本而不是编辑丢失并返回默认样式。

Javasacript

$('#input1').keyup(function () {
    txt = $('#input1').val();
    $('#field1').text(txt);
});

HTML

<input type="text" id="input1">

<div id="field1" contentEditable='true'; ></div>

score 0 · Accepted Answer

尝试使用以下内容：

$(document).on("keydown", "#input1", function() {
    txt = $('#input1').val();
    $('#field1').text(txt);
});

如果您想确保input在更改时也更新初始值div，您应该尝试以下操作：

$(document).on("DOMSubtreeModified", "#field1", function() {
   $('#input1').val($('#field1').text()); 
});

例如，尝试单击按钮或div's通过 Firebug 修改内容，看看如何input更改。

我不会keyup在您的情况下使用，但应您的要求对其进行了更改。

1 回答 1