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 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
javascript判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
Javascript 生成指定范围数值随机数
Jan 09 Javascript
jquery Firefox3.5中操作select的问题
Jul 10 Javascript
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
form表单action提交的js部分与html部分
Jan 07 Javascript
javascript学习笔记(一)基础知识
Sep 30 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
jQuery实现自动输入email、时间和域名的方法
Aug 24 Javascript
jQuery实现的模拟弹出窗口功能示例
Nov 24 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
js实现简单进度条效果
Mar 25 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开发中的安全防范知识详解
2013/06/06 PHP
基于empty函数的判断详解
2013/06/17 PHP
Yii Framework框架获取分类下面的所有子类方法
2014/06/20 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
javascript实现rgb颜色转换成16进制格式
2015/07/10 Javascript
jquery仿QQ登录账号选择下拉框效果
2016/03/22 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
2019/01/16 Javascript
详解vue 命名视图
2019/08/14 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python多线程编程(三):threading.Thread类的重要函数和方法
2015/04/05 Python
Python中的列表生成式与生成器学习教程
2016/03/13 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
python3结合openpyxl库实现excel操作的实例代码
2018/09/11 Python
Python中itertools的用法详解
2020/02/07 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
电气自动化专业职业规划范文
2014/02/16 职场文书
大家访活动实施方案
2014/03/10 职场文书
市场营销专业毕业生求职信
2014/07/21 职场文书
争先创优演讲稿
2014/09/15 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android