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 相关文章推荐
关于query Javascript CSS Selector engine
Apr 12 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
Dec 23 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
Oct 25 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
JavaScript大数相加相乘的实现方法实例
Oct 18 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函数ip2long转换IP时数值太大产生负数的解决方法
2013/06/06 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
Prototype使用指南之form.js
2007/01/10 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
从零学习node.js之文件操作(三)
2017/02/21 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
JavaScript实现点击自制菜单效果
2021/02/02 Javascript
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
盘点提高 Python 代码效率的方法
2014/07/03 Python
使用Python生成随机密码的示例分享
2016/02/18 Python
Python模拟自动存取款机的查询、存取款、修改密码等操作
2018/09/02 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
tensorflow对图像进行拼接的例子
2020/02/05 Python
Python request操作步骤及代码实例
2020/04/13 Python
Python openpyxl模块实现excel读写操作
2020/06/30 Python
Python脚本调试工具安装过程
2021/01/11 Python
党课学习思想汇报
2014/01/02 职场文书
初中生自我评价
2014/02/01 职场文书
仓库主管岗位职责
2014/03/02 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL
利用 JavaScript 构建命令行应用
2021/11/17 Javascript