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 放大镜 v1.0 基于Yui2 实现的放大镜效果
Mar 08 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
js快速排序的实现代码
Dec 08 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
jQuery is()函数用法3例
May 06 Javascript
JQuery基础语法小结
Feb 27 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
jquery实现上传图片功能
Jun 29 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
关于PHP中Object对象的笔记分享
2011/06/28 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
thinkphp实现分页显示功能
2016/12/03 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
JavaScript 克隆数组最简单的方法
2009/02/12 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
不使用script导入js文件的几种方法
2016/10/27 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
Vuex的初探与实战小结
2018/11/26 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
js+cavans实现图片滑块验证
2020/09/29 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
django 按时间范围查询数据库实例代码
2018/02/11 Python
深入分析python中整型不会溢出问题
2018/06/18 Python
pandas值替换方法
2018/07/10 Python
python的命名规则知识点总结
2019/10/04 Python
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
仓管员岗位职责范文
2013/11/08 职场文书
科学育儿宣传标语
2014/10/08 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
投标承诺函范文
2015/01/21 职场文书
班主任寄语2015
2015/02/26 职场文书
家庭贫困证明
2015/06/16 职场文书
运动会宣传稿100字
2015/07/23 职场文书