javascript - 文本区域和向上翻页

Question

一个理想的功能，例如IRC 聊天客户端的一个优点是，即使您正在输入消息的一半，如果您向上翻页，您也可以查看消息日志的前几页 - 此功能存在于例如mIRC 但不是 Mibbit，这表明在 HTML 中很难做到这一点。

在 HTML 和 Javascript 中，将文本区域中的向上翻页键转换为向上翻页消息日志的最佳方法是什么？

Answer 1

尝试这个代码(但是它使用 jQuery)

<textarea id="myText"></textarea>
<script>
    $(document).ready(function(){
    var messages = new Array();
    messages[0] = 'First message';
    messages[1] = 'Second message';
    messages[2] = 'Third message';

    var messageCounter = messages.length; 

    $('#myText').keyup(function(e){
        //Pageup
        if (e.which == 33) {
            //Get messageCounter and decrement to move up
            messageCounter--;
            if (messages[messageCounter] != undefined) {
                $('#myText').val(messages[messageCounter]);
            }
        } else if (e.which == 34) {
            //Get messageCoutner and increment to move down
            messageCounter++;
            if (messages[messageCounter] != undefined) {
                $('#myText').val(messages[messageCounter]);
            } else {
                //No more so make blank
                $('#myText').val('');
            }
        }
        //Pagedown
    });
    });
</script>