textarea标签,文本框内不能换行的问题

关于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,编辑框                                                                              //光标移动到下一行,从而实现换行
    }
}

 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值