关于textarea标签,真的是特别好用的,可以进行大量的文本编辑,提交起来也比较方便;
但是今天遇到一个问题,在我的jsp页面使用了textarea标签,但是编辑的时候按enter回车,并没有出现光标移动到下一行的操作
原来在html页面是可以很好的使用回车进行光标移动的,百度了半天都没有相关的属性能简单解决,然后自己写了一个事件才得以解决。
下面上代码:
jsp使用:
<textarea id="textareaText" οnkeydοwn="enter()"></textarea>
我给他定义了一个事件:onkeydown,onkeydown事件会在用户按下一个键盘按键时发生。
这样才能检测到用户是否键下enter
js端:
var enter = function(){
if(window.event.keyCode==13){ //window.event.keyCode获取按下键盘对应的值,13为enter对应的值
var rawData = $("#textareaText").val(); //首先获取原本编辑框里面的值,保存起来
$("#textareaText").val(rawData+"\n"); //内容加上换行符“\n”,重新写到编辑框里面,这样就实现了用户键入enter,编辑框 //光标移动到下一行,从而实现换行
}
}