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标签功能的方法
相关文章
Jquery通过ajax请求NodeJS返回json数据实例
本篇文章主要是介绍Jquery通过ajax请求NodeJS返回json数据，具有一定的参考价值，有需要的可以了解一下。2016-11-11
除了全局函数外，jquery中的大多数插件都是通过jquery对象的方法提供的2012-08-08
由于前端javascript对跨域访问做了安全限制，所以javascript只能访问与包含它的文档在同一域名下的内容，接下来，小编通过此篇文章给大家介绍iframe跨域通信的封装，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了基于jQuery的checkbox全选问题,结合实例形式分析了jQuery实现全选功能中遇到的问题与相应的解决方法,需要的朋友可以参考下2016-11-11
今天共享一些令人振奋的UI教程，这些UI大部分是基于Jquery的插件，主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel，下滑效果的导航Menu，滑翔购物车功能，漂亮的Form表单元素等等。2010-09-09
本篇文章主要是对Jqgrid表格随窗口大小改变而改变的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome) ,学习jquery的朋友可以测试下。2010-02-02
本文给大家介绍的是利用Jquery使用HTML5的FormData属性实现对文件的上传的方法和实例，非常的实用，有需要的小伙伴可以参考下。2015-06-06
基于jquery实现表单类各种类型(文本框)失去焦点效果，代码简单实用，感兴趣的朋友可以参考下，希望对你有所帮助2013-04-04
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
这篇文章主要介绍了jQuery实现滑动页面固定顶部显示,还可根据显示位置消失与替换对应的当前显示项,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论