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 相关文章推荐
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
基于jquery实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
Nov 20 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
vue实现文件上传功能
Aug 13 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
Vue父组件如何获取子组件中的变量
Jul 24 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 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
JavaScript面向对象编程
2008/03/02 Javascript
CSS JavaScript 实现菜单功能 改进版
2008/12/09 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
nodejs分页类代码分享
2014/06/17 NodeJs
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
解决新建一个vue项目过程中遇到的问题
2020/10/22 Javascript
使用python统计文件行数示例分享
2014/02/21 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
Python学习入门之区块链详解
2017/07/25 Python
Python面向对象之类的内置attr属性示例
2018/12/14 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
Django用数据库表反向生成models类知识点详解
2020/03/25 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
学校综治宣传月活动总结
2014/07/02 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
投标承诺函范文
2015/01/21 职场文书
团员个人总结
2015/02/26 职场文书
培养联系人考察意见
2015/06/01 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
Django使用echarts进行可视化展示的实践
2021/06/10 Python
JavaScript执行机制详细介绍
2021/12/06 Javascript