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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
您可能感興趣的文章:
- 兩種方法基于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標(biāo)簽功能的方法
相關(guān)文章
jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對jQuery中的ajax技術(shù)進行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06JQuery插件jcarousellite的參數(shù)中文說明
這篇文章主要介紹了JQuery插件jcarousellite的參數(shù)中文說明,本文分別給出各個參數(shù)的含義,需要的朋友可以參考下2015-05-05基于jquery的實現(xiàn)簡單的表格中增加或刪除下一行
下面的代碼利用jquery簡單的實現(xiàn)表格中增加和刪除一行,很簡單。2010-08-08jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法
這篇文章主要介紹了jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法,結(jié)合實例形式分析了jQuery針對頁面div及A標(biāo)簽元素相關(guān)操作技巧,需要的朋友可以參考下2017-02-02jQuery EasyUI API 中文文檔 - ValidateBox驗證框
jQuery EasyUI API 中文文檔 - ValidateBox驗證框,使用jQuery EasyUI的朋友可以參考下。2011-10-10jQuery實現(xiàn)復(fù)選框全選/取消全選/反選及獲得選擇的值
這篇文章主要介紹了jQuery實現(xiàn)的復(fù)選框全選/取消全選/反選及獲得選擇的值,需要的朋友可以參考下2014-06-06