jQuery實用小技巧_輸入框文字獲取和失去焦點的簡單實例
更新時間:2016年08月25日 09:59:49 投稿:jingxian
下面小編就為大家?guī)硪黄猨Query實用小技巧_輸入框文字獲取和失去焦點的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
jQuery實用小技巧_輸入框文字獲取和失去焦點的簡單實例
<input id="txt" class="text1" type="text" /> <script src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { $("input.text1").val("輸入文字!"); textFill($('input.text1')); }) function textFill(input) { var str = input.val(); input.focus(function () { if ($.trim(input.val()) == str) { input.val(''); } }).blur(function () { if ($.trim(input.val()) == '') { input.val(str); } }); } </script>
以上這篇jQuery實用小技巧_輸入框文字獲取和失去焦點的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
自定義jquery模態(tài)窗口插件無法在頂層窗口顯示問題
自定義一個jquery模態(tài)窗口插件只能在mainFrame窗口中顯示,無法在頂層窗口顯示2014-05-05實例解析jQuery中如何取消后續(xù)執(zhí)行內(nèi)容
本文主要介紹了jQuery中取消后續(xù)執(zhí)行內(nèi)容的實例,代碼通俗易懂。需要的朋友來看下吧2016-12-12JQuery.Ajax()的data參數(shù)類型實例詳解
這篇文章主要介紹了JQuery.Ajax()的data參數(shù)類型實例詳解,需要的朋友可以參考下2015-11-11jQuery實現(xiàn)固定在網(wǎng)頁頂部的菜單效果代碼
這篇文章主要介紹了jQuery實現(xiàn)固定在網(wǎng)頁頂部的菜單效果,通過jquery頁面scroll事件及邊距計算實現(xiàn)網(wǎng)頁的菜單固定效果,非常簡單實用,需要的朋友可以參考下2015-09-09