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

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

<textarea class="comment" id="textarea" placeholder="还可以输入300字" maxlength="300">
    
    
</textarea>

监听代码

$("#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>和</textarea>之间的文字和符合、空格等都会被当作textarea的值，在html页面上展现出来。

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

<textarea class="comment" id="textarea" placeholder="还可以输入300字"></textarea>

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