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 相关文章推荐
Prototype Number对象 学习
Jul 19 Javascript
Javascript数组的排序 sort()方法和reverse()方法
Jun 04 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
jquery sortable的拖动方法示例详解
Jan 16 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
BootStrap select2 动态改变值的方法
Feb 10 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
基于vue、react实现倒计时效果
Aug 26 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开发文件系统实例讲解
2006/10/09 PHP
PHP HTML代码串 截取实现代码
2009/06/29 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
php使用imagecopymerge()函数创建半透明水印
2018/01/25 PHP
PHP实现微信对账单处理
2018/10/01 PHP
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
[05:29]2014DOTA2国际邀请赛 赛后专访:LGDNewbee顺利过关
2014/07/13 DOTA
[03:28]2014DOTA2国际邀请赛 EG战队官方纪录片
2014/07/21 DOTA
Python自动重试HTTP连接装饰器
2015/04/28 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2018/06/27 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
python线程中的同步问题及解决方法
2019/08/29 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
北大青鸟学生求职信
2013/09/24 职场文书
花坛标语大全
2014/06/30 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server