源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现(textarea)placeholder自动换行

  • 时间:2021-12-20 03:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现(textarea)placeholder自动换行
[b]思路:利用文本框的聚焦和失焦事件[/b] [b]1、HTML结构[/b] [code]<textarea id="text1"></textarea>[/code] [b]2、js方法[/b]
<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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部