javascript - 如何使用 jQuery 和/或 JavaScript 创建文本区域?

标签 javascript html jquery css jquery-events

我需要使用 jQuery 和/或 JavaScript 创建一个文本区域。

我正在使用此代码 ( click here for preview ),但退格键、回车键、符号和小写字母不起作用。为什么?:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <meta charset=utf-8 />
        <title>TEST</title>
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script type="text/javascript">
        <!--
            $(document).keyup(function (event) {
                var keyCode = event.keyCode;
                $('#mytext').text(function (i, text) {
                    return text + String.fromCharCode(keyCode);
                });
            });
        // -->
        </script>
        <style>
            #cmd {
                position: relative; 
                font-family: courier;
                font-weight:bold;
                font-size: 14px;
                padding: 5px;
                overflow: hidden;
            }
            #mytext {
                float: left; 
                padding-left: 3px;
                white-space: pre;
            }
        </style>
    </head>
    <body>
        <div id="cmd">
            <br>
            <div id="mytext">hello </div>
        </div>
    </body>
</html>

最佳答案

为什么不让这些键调用一个函数来将 html 放在 <div id="cmd"></div> 之间呢?

我找不到按键事件函数,但这应该能给你一个想法

if (keycode==31) {
    $("#cmd").append("<br/>");
}

31是回车码。

看这里,他们讨论了按键上的 jquery 函数:
jQuery Event Keypress: Which key was pressed?

关于javascript - 如何使用 jQuery 和/或 JavaScript 创建文本区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3758592/

相关文章:

javascript - 从 PHP 表单输入名称在 JavaScript 中构建对象

html - 文本对齐和绝对定位

javascript - 如何让我的笑脸按钮打开我创建的弹出窗口?

PHP+Ajax 传递输入关键字进行实时搜索

javascript - 从整个 `div` 标签中移除包装器 `h1 - h6` 并只包装当前标签

javascript - body.scrollTop 在严格模式下已弃用。

javascript - 加载方法 jQuery 和 native JavaScript

javascript - 动态更改文本颜色 AngularJS

javascript - Flot 类别插件排序不正确

javascript - 创建 lambda 函数以生成 PDF 文件缩略图