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 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
让你的网站可编辑的实现js代码
Oct 19 Javascript
javascript 事件绑定问题
Jan 01 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
Feb 11 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
使用JavaScript触发过渡效果的方法
Jan 19 Javascript
jQuery插件之validation插件
Mar 29 jQuery
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
在vue中使用css modules替代scroped的方法
Mar 10 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
小程序清理本地缓存的方法
2018/08/17 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
Python中多线程及程序锁浅析
2015/01/21 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
python 3调用百度OCR API实现剪贴板文字识别
2018/09/04 Python
Python考拉兹猜想输出序列代码实践
2019/07/05 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
印度最大的网上花店:Ferns N Petals(鲜花、礼品和蛋糕)
2017/10/16 全球购物
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
Tostadora意大利:定制T恤
2019/04/08 全球购物
大学生最新职业生涯规划书范文
2014/01/12 职场文书
六查六看剖析材料
2014/02/15 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
教你用python控制安卓手机
2021/05/13 Python
Python中的程序流程控制语句
2022/02/24 Python
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python