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 对象的创建与使用
Mar 09 Javascript
JavaScript语言中的Literal Syntax特性分析
Mar 08 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
jQuery中hover与mouseover和mouseout的区别分析
Dec 24 Javascript
完美JQuery图片切换效果的简单实现
Jul 21 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 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中文本操作的类
2007/03/17 PHP
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
2016/05/23 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
微信公众号 客服接口的开发实例详解
2016/09/28 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
python冒泡排序算法的实现代码
2013/11/21 Python
浅谈Python浅拷贝、深拷贝及引用机制
2016/12/15 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
会计电算化专业应届大学生求职信
2013/10/22 职场文书
大学同学聚会邀请函
2014/01/19 职场文书
优秀体育委员自荐书
2014/01/31 职场文书
中国世界遗产导游词
2015/02/13 职场文书
结婚典礼致辞
2015/07/28 职场文书
孕妇病假条怎么写
2015/08/17 职场文书
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android
详细聊聊Oracle表碎片对性能有多大的影响
2022/03/19 Oracle