JSP中的文本区域输入以实现功能

时间:2015-08-19 11:44:27

标签: javascript jsp spring-mvc textarea

我正在使用Spring MVC并且我已经在其中创建了一个textArea,我想添加一个功能:当用户按下'Enter'两次时,光标将自动转到下一行并在新行中指示段落编号:

以下是TextArea的代码:

<textarea   name="notings" style="width:800px ; height:200px" ></textarea>

示例:

  1. 用户输入的内容...... ................................ //连续按2次按键

  2. 输入其他内容....

  3. 我对实现此功能毫无头绪。我是前端开发的首发,也不了解javascript。一点帮助将不胜感激。

    如果有人能指出我朝着正确的方向发展,那也将有助于实现

    提前致谢

1 个答案:

答案 0 :(得分:0)

你试试这种方式

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    var pn=1;
        var count=0;
    function newLineFun(e)
    {
    if(e.keyCode==13)
        {
        count++;
        if(count==2)
        {
        count=0;
        var oldData=$("#txtArea").val();
        $("#txtArea").val(oldData+pn);
        pn++;
        }
        }
        else{
        count=0;
        }

    }
</script>
</head>
<body>
<textarea  id="txtArea" name="notings" style="width:800px ; height:200px" onkeypress="newLineFun(event)"></textarea>
</body>
</html>