jquery如何实现(textarea) placeholder自动换行?

思路:利用文本框的聚焦和失焦事件

1、HTML结构

<textarea id="text1"></textarea>

2、js方法

<script>
    var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示';
    $('#text1').val(placeholder);
    $('#text1').focus(function() {
        if ($(this).val() == placeholder) {
            $(this).val('');
        }
    });
    $('#text1').blur(function() {
      if ($(this).val() == '') {
          $(this).val(placeholder);
      }
    });
</script>    

 

posted @ 2016-12-21 21:21  以茜为贵  阅读(1275)  评论(0编辑  收藏  举报