问题描述

js alert 造成界面卡死

$("#content") 为一个textarea,在$("#content")上加一个监听，监听输入的文字个数
在手机端输入时，当输入超过限定字数时，显示提示信息后界面就会卡死，请问是什么原因？
是否还有其他的解决方案？请一并告知，谢谢！

 document.getElementById('content').onpropertychange = function() {
    var curLength=$("#content").val().length;
     if(curLength>200) {
     var num=$("#content").val().substr(0,200);
     $("#content").val(num);
        alert("超过字数限制，多出的将被截断");
     }
     $("#word_num").text("("+$("#content").val().length+"/200)");
}
if (window.addEventListener) {
document.getElementById('content').addEventListener('input', function() {
     var curLength=$("#content").val().length;
      if(curLength>200) {
     var num=$("#content").val().substr(0,200);
     $("#content").val(num);
        alert("超过字数限制，多出的将被截断");
     }
     $("#word_num").text("("+$("#content").val().length+"/200)");
}, false);
}

解决方案

估计频繁的捕捉到事件了。

解决方案二：

你在textarea下面放个div容器显示错误信息不是好点