textarea

Posted 2020-09-16 前端一年级

最近的项目移动端用到 textarea 这个新特性；

具体标签 菜鸟教程 http://www.runoob.com/tags/tag-textarea.html

这个上面都是有的 我就不多说了；

 

第一个小问题：textarea 鼠标点击后，光标不是出现在首行第一个位置； 仔细检查textarea标签，发现闭合位置有 空格 ，删除，问题解决；

 

第二个问题：关于 textarea 这个标签的文字限制；

　　

<textarea id="area" name="ss" placeholder="请输入文本内容"></textarea>  
<p><span id="text-count">0</span>/50</p>  
<script type="text/javascript">  
    /*字数限制*/  
    $("#area").on("input propertychange", function() {  
        var $this = $(this),  
            _val = $this.val(),  
            count = "";  
        if (_val.length > 50) {  
            $this.val(_val.substring(0, 50));  
        }  
        count = $this.val().length;  
        $("#text-count").text(count);  
    });  
</script>  

这个应该是最方便的一个方法吧