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 相关文章推荐
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
JavaScript基础知识及常用方法总结
Jan 10 Javascript
jQuery代码性能优化的10种方法
Jun 21 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
js断点调试心得分享(必看篇)
Dec 08 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
JavaScript中AOP的实现与应用
May 06 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 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设计模式中单例模式的应用分析
2013/05/15 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
PHP搭建大文件切割分块上传功能示例
2017/01/04 PHP
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
JS表的模拟方法
2015/02/05 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
jQuery操作基本控件方法实例分析
2015/12/31 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
Vue.js Ajax动态参数与列表显示实现方法
2016/10/20 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
Vue文件配置全局变量的实例
2018/09/06 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
python字典多条件排序方法实例
2014/06/30 Python
Python实现视频下载功能
2017/03/14 Python
python 同时运行多个程序的实例
2019/01/07 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
Python 批量刷博客园访问量脚本过程解析
2019/08/30 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
国际商务专业学生个人的自我评价
2013/09/28 职场文书
质检部岗位职责
2013/11/11 职场文书
优秀交警事迹材料
2014/01/26 职场文书
幼儿园校车司机的岗位职责
2014/01/30 职场文书
信仰观后感
2015/06/03 职场文书
烈士陵园观后感
2015/06/08 职场文书
2016国庆促销广告语
2016/01/28 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫