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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
Dec 14 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
利用n工具轻松管理Node.js的版本
Apr 21 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
webpack优化的深入理解
Dec 10 Javascript
angular *Ngif else用法详解
Dec 15 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
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
2015/04/03 Javascript
js获取url传值的方法
2015/12/18 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
vuex实现简易计数器
2016/10/27 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
2016/12/14 Javascript
Angular排序实例详解
2017/06/28 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
vue使用axios跨域请求数据问题详解
2017/10/18 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
详解Vue之计算属性
2020/06/20 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
python字典DICT类型合并详解
2017/08/17 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
CSS3制作Dropdown下拉菜单的方法
2015/07/18 HTML / CSS
CSS3实现可关闭的下拉手风琴菜单效果
2015/08/31 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
英国团购网站:Groupon英国
2017/11/28 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
贷款担保书范文
2014/05/13 职场文书
物业保安辞职信
2015/05/12 职场文书
ztree+ajax实现文件树下载功能
2021/05/18 Javascript
Python Flask实现进度条
2022/05/11 Python