textarea限制最大字符长度和默认输入了空格回车的问题

由于公司任务需要，年前这段时间需要去做js的项目，其实也就是以前app的网页版，今天在做js的时候，对多行文本标签textarea做最大字符长度限制的时候，出现了适配问题，android中有maxlength这个属性，其实textarea也有，但是IE8以及更低版本不支持这个属性，所以需要动态监听，代码如下

<span style="color:#bababa;">class=</span><span style="color:#a5c261;">"comment" </span><span style="color:#bababa;">id=</span><span style="color:#a5c261;">"textarea" </span><span style="color:#bababa;">placeholder=</span><span style="color:#a5c261;">"还可以输入300字" </span><span style="color:#bababa;">maxlength=</span><span style="color:#a5c261;">"300"</span><span style="color:#e8bf6a;">>
</span><span style="color:#e8bf6a;">    
</span><span style="color:#e8bf6a;">    
</span><span style="color:#e8bf6a;">

监听代码

$("#textarea").on("input propertychange", function() {
    var $this = $(this),
        _val = $this.val();
    if (_val.length > 300) {
        $this.val(_val.substring(0, 300));
    }
});

长度问题解决了，又出现了另一个问题，看textarea可以看到，placeholder是“还可以输入300字”，但实际运行效果确实textarea默认输入了一行多的空格，没有显示出来placeholder，查阅资料得知 和之间的文字和符合、空格等都会被当作textarea的值，在html页面上展现出来。

所以上面一层代码需要写成

<span style="color:#bababa;">class=</span><span style="color:#a5c261;">"comment" </span><span style="color:#bababa;">id=</span><span style="color:#a5c261;">"textarea" </span><span style="color:#bababa;">placeholder=</span><span style="color:#a5c261;">"还可以输入300字"</span><span style="color:#e8bf6a;">>

的样式，即与>之间不能有回车和空格出现。