在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的回车换行处理
效果如下: