码迷,mamicode.com
首页 > 其他好文 > 详细

textarea

时间:2017-05-03 15:21:01      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:logs   标签   name   字数限制   run   位置   htm   文本   func   

最近的项目移动端用到 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>  

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

textarea

标签:logs   标签   name   字数限制   run   位置   htm   文本   func   

原文地址:http://www.cnblogs.com/wulibo/p/6801984.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!