jquery实现(textarea)placeholder自动换行


Posted in Javascript onDecember 22, 2016

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

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>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
JQuery教学之性能优化
May 14 Javascript
alert和confirm功能介绍
May 21 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
ES6 Promise对象概念与用法分析
Apr 01 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
react router 4.0以上的路由应用详解
Sep 21 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
vue iview 隐藏Table组件里的某一列操作
Nov 13 Javascript
js数组去重的hash方法
Dec 22 #Javascript
JavaScript生成.xls文件的代码
Dec 22 #Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 #Javascript
微信小程序 122100版本更新问题解决方案
Dec 22 #Javascript
JS闭包与延迟求值用法示例
Dec 22 #Javascript
jQuery实现两个select控件的互移操作
Dec 22 #Javascript
JS 调用微信扫一扫功能
Dec 22 #Javascript
You might like
php 变量未定义等错误的解决方法
2011/01/12 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
JavaScript 大数据相加的问题
2011/08/03 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
JS实现图片高亮展示效果实例
2015/11/24 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
2019/11/18 jQuery
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
python http接口自动化脚本详解
2018/01/02 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
Keras loss函数剖析
2020/07/06 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
HTML5 weui使用笔记
2019/11/21 HTML / CSS
澳洲小众品牌的集合网站:BNKR
2018/02/23 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
毕业生求职的求职信
2013/12/05 职场文书
网络专业学生个人的自我评价
2013/12/16 职场文书
高中的职业生涯规划书
2013/12/28 职场文书
文明礼仪事迹材料
2014/01/09 职场文书
社区八一活动方案
2014/02/03 职场文书
考察邀请函范文
2015/01/31 职场文书
创先争优个人总结
2015/03/04 职场文书
单位证明范文
2015/06/18 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
css3新特性的应用示例分析
2022/03/16 HTML / CSS
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫