jquery實現(xiàn)（textarea）placeholder自動換行
更新時間：2016年12月22日 10:43:48 作者：以茜為貴
本文主要對jquery如何實現(xiàn)（textarea） placeholder自動換行的方法、思路進行介紹，下面就跟小編一起來看下吧
思路：利用文本框的聚焦和失焦事件
1、HTML結(jié)構(gòu)
<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>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
您可能感興趣的文章:
- 兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
- 使用jQuery快速解決input中placeholder值在ie中無法支持的問題
- IE下支持文本框和密碼框placeholder效果的JQuery插件分享
- 基于jQuery的讓非HTML5瀏覽器支持placeholder屬性的代碼
- jQuery實現(xiàn)的一個自定義Placeholder屬性插件
- jQuery實現(xiàn)的placeholder效果完整實例
- jQuery插件EnPlaceholder實現(xiàn)輸入框提示文字
- jQuery實現(xiàn)HTML5 placeholder效果實例
- jquery 判斷是否支持Placeholder屬性的方法
- jQuery封裝placeholder效果實現(xiàn)方法,讓低版本瀏覽器支持該效果
- jQuery實現(xiàn)IE輸入框完成placeholder標簽功能的方法
相關文章
本篇文章是對jQuery中的ajax技術進行了詳細的分析介紹，需要的朋友參考下2013-06-06
JQuery插件jcarousellite的參數(shù)中文說明
這篇文章主要介紹了JQuery插件jcarousellite的參數(shù)中文說明,本文分別給出各個參數(shù)的含義,需要的朋友可以參考下2015-05-05
基于jquery的實現(xiàn)簡單的表格中增加或刪除下一行
下面的代碼利用jquery簡單的實現(xiàn)表格中增加和刪除一行，很簡單。2010-08-08
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)帶進度條的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了jQuery簡單獲取DIV和A標簽元素位置的方法,結(jié)合實例形式分析了jQuery針對頁面div及A標簽元素相關操作技巧,需要的朋友可以參考下2017-02-02
因為我的留言板是倒序，默認又只會展開最新的5條留言，對于較舊留言甚至是沙發(fā)的同學，很容易被忽略掉。2009-06-06
這篇文章主要介紹了原生js和jQuery實現(xiàn)淡入淡出輪播效果，介紹到了jQuery實現(xiàn)淡入淡出輪播效果的基本原理，感興趣的小伙伴們可以參考一下2015-12-12
jQuery EasyUI API 中文文檔 - ValidateBox驗證框
jQuery EasyUI API 中文文檔 - ValidateBox驗證框，使用jQuery EasyUI的朋友可以參考下。2011-10-10
下面小編就為大家?guī)硪黄昝澜鉀QjQuery的hover事件在IE中不停閃動的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jQuery實現(xiàn)復選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實現(xiàn)的復選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06