jquery实现(textarea)placeholder自动换行
更新时间:2016年12月22日 10:43:48 作者:以茜为贵
本文主要对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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果
- 使用jQuery快速解决input中placeholder值在ie中无法支持的问题
- IE下支持文本框和密码框placeholder效果的JQuery插件分享
- 基于jQuery的让非HTML5浏览器支持placeholder属性的代码
- jQuery实现的一个自定义Placeholder属性插件
- jQuery实现的placeholder效果完整实例
- jQuery插件EnPlaceholder实现输入框提示文字
- jQuery实现HTML5 placeholder效果实例
- jquery 判断是否支持Placeholder属性的方法
- jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
- jQuery实现IE输入框完成placeholder标签功能的方法
相关文章
Tab页界面 用jQuery及Ajax技术实现(php后台)
到了B/S开发时代,网页前端布局也把Tab页的布局形式吸收了过来。特别是和Ajax技术结合起来,可以更充分发挥Tab页的良好表现力和数据缓存的优势,是一种良好的网页布局形式2011-10-10
最新评论