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 相关文章推荐
jquery ready函数源代码研究
Dec 06 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
JS功能代码集锦
May 04 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
koa2实现登录注册功能的示例代码
Dec 03 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
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
信用卡效验程序
2006/10/09 PHP
destoon复制新模块的方法
2014/06/21 PHP
php实现的日历程序
2015/06/18 PHP
php生成静态页面并实现预览功能
2019/06/27 PHP
使用jQuery轻松实现Ajax的实例代码
2010/08/16 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
javaScript arguments 对象使用介绍
2013/10/18 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
2013/11/22 Javascript
Angular用来控制元素的展示与否的原生指令介绍
2015/01/07 Javascript
举例讲解JavaScript substring()的使用方法
2015/11/09 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
JavaScript 对象详细整理总结
2016/09/29 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
Node.js学习入门
2017/01/03 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
vue-router传参用法详解
2019/01/19 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
Python 数据结构之队列的实现
2017/01/22 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python3使用GUI统计代码量
2019/09/18 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
使用python实现多维数据降维操作
2020/02/24 Python
解决django migrate报错ORA-02000: missing ALWAYS keyword
2020/07/02 Python
用CSS3将你的设计带入下个高度
2009/08/08 HTML / CSS
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
厂长岗位职责
2014/02/19 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript