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標簽功能的方法
相關(guān)文章
JQuery插件jcarousellite的參數(shù)中文說明
這篇文章主要介紹了JQuery插件jcarousellite的參數(shù)中文說明,本文分別給出各個參數(shù)的含義,需要的朋友可以參考下2015-05-05
基于jquery的實現(xiàn)簡單的表格中增加或刪除下一行
下面的代碼利用jquery簡單的實現(xiàn)表格中增加和刪除一行,很簡單。2010-08-08
jQuery EasyUI API 中文文檔 - ValidateBox驗證框
jQuery EasyUI API 中文文檔 - ValidateBox驗證框,使用jQuery EasyUI的朋友可以參考下。2011-10-10
jQuery實現(xiàn)復選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實現(xiàn)的復選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06

