Text Area in JSP 回车实现功能
Text Area in JSP Enter to implement a functionality
我正在使用 Spring MVC,我在其中创建了一个文本区域,我想添加一个功能:当用户按 'Enter' 两次时,光标将自动转到下一行并指示新行中的段落编号:
这是 TextArea 的代码:
<textarea name="notings" style="width:800px ; height:200px" ></textarea>
示例:
用户键入内容...
..................... //连续按回车键2次
键入其他内容....
我对实现这个功能一窍不通。我是前端开发的初学者,也不知道javascript。一点帮助将不胜感激。
如果有人能指出我正确的方向,那也会有很大帮助
提前致谢
你这样试试
<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>
我正在使用 Spring MVC,我在其中创建了一个文本区域,我想添加一个功能:当用户按 'Enter' 两次时,光标将自动转到下一行并指示新行中的段落编号:
这是 TextArea 的代码:
<textarea name="notings" style="width:800px ; height:200px" ></textarea>
示例:
用户键入内容... ..................... //连续按回车键2次
键入其他内容....
我对实现这个功能一窍不通。我是前端开发的初学者,也不知道javascript。一点帮助将不胜感激。
如果有人能指出我正确的方向,那也会有很大帮助
提前致谢
你这样试试
<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>