0

好的，这就是我正在使用的。这是受影响的文本区域的代码：

<div class="chat">
    <div class="messages"></div>
    <textarea class="entry" name="entry" placeholder="Welcome to the Chat. Enter your message here!"></textarea>
    <script type="text/javascript">
        editor = CKEDITOR.replace('entry');
    </script>
</div>

这是我的 chat.js 文件的代码，它调用了聊天的所有函数：

var chat = {}

chat.fetchMessages = function () {
    $.ajax({
        url: 'ajaxchat.php',
        type: 'post',
        data: {
            method: 'fetch'
        },
        success: function (data) {
            $('.chat .messages').html(data);
        }
    });
}

chat.throwMessage = function (message) {
    if ($.trim(message).length != 0) {
        $.ajax({
            url: 'ajaxchat.php',
            type: 'post',
            data: {
                method: 'throw',
                message: message
            },
            success: function (data) {
                chat.fetchMessages();
                chat.entry.val('');
            }
        });
    }
}

chat.entry = $('.chat .entry');
chat.entry.bind('keydown', function (e) {
    if (e.keyCode === 13 && e.shiftKey === false) {
        chat.throwMessage($(this).val());
        e.preventDefault();
    }
});

chat.interval = setInterval(chat.fetchMessages, 5000)
chat.fetchMessages();

现在所有这些代码都在工作，但是没有捕获返回键来提交消息。不知道我还需要做什么。CKeditor 将输入/返回键解释为一个新段落，我需要它来提交消息数据。

4

1 回答 1

1

如果我正确理解了问题，那么您的问题与事件有关。对于 CKEditor，您不会绑定到类似的事件。它不直接使用 textarea 元素，它做了一些魔术并创建了一个 iframe 并拥有自己的事件处理系统。要附加到 13 键事件，请执行以下操作

CKEDITOR.on('instanceReady', function(ev) {
    var editor = ev.editor;

    editor.on('key', function(evt) {
        if (evt.data.keyCode === 13) {
            // do your enter handling here
        }
    }
}

在相关的说明中，获得这样的值也有点奇怪。它真的有效吗？我会改变它以获得更像CKEditor的

CKEDITOR.instances.entry.getData();
于 2013-03-23T01:58:22.340 回答