页面开发遇到的问题及解决方案

1、textarea标签的maxlength无效问题

　　问题：表单中input输入框可通过maxlength限制输入框大小，但是textarea无效，改用onkeyup或oninput截断的方式，但对中文输入法不友好，当输入的字符接近限制值时会出现中文截断无法输入的问题。

　　解决办法：

//accFrom表示只对这个form下的textarea生效 
$("#accForm textarea").on('compositionstart',function(e){
                            $(e.target).data('cpLock',true);
                   }).on('compositionend',function(e){
                            $(e.target).data('cpLock',false);
                   }).on('input',function(e){
                        //有maxlength属性才生效
                        if(!$(e.target).data('cpLock') && $(e.target).attr('maxlength')){
                            $(e.target).val($(e.target).val().slice(0, $(e.target).attr('maxlength')*1));
                        }
                   });