监听textarea敲回车执行换行操作

在easyui的页面中,IE可能不支持在textarea敲回车后换行操作,或者更改过js代码后导致不能执行换行操作。
那么这里我们就重新对textarea做监听处理

首先, 在html页面内容加上textarea的输入文本区域

 `<textarea  type="text" id="aidChildBirthDiagnosisOther"  maxlength="120"/>

在这里我们定义了一个textarea,id为aidChildBirthDiagnosisOther;

接下来,为了让textarea文本输入区域美观一点,我们在页面上面定义一下css样式:

 textarea{ padding:10px; border:1px solid #95B8E7; border-radius:4px; outline:none; box-sizing:border-box; width: 95%;height:70px;resize:none;}

样式效果如下:
在这里插入图片描述
接下来就是对textarea添加监听:

$(function(){
//在预定义函数中增加对 textarea的监听
    addListtenr();
});

/*增加监听*/
function addListtenr(){
    $("textarea").each(function(index) {
        $("textarea")[index].addEventListener('keydown',function(e){
            if(e.keyCode!=13){
                return;
            }else{//当按键输入为回车时,执行下列操作
                event.preventDefault();//为了兼容IE8
                e.returnValue = false;
                e = $(this).val()+'\n';//手动增加换行符
                $(this).val(e).focus();//定义焦点还是在这个控件上
            }
        });
    });
}

以上就是简单的对textarea的回车换行处理
效果如下:
在这里插入图片描述

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值