2012年6月11日 星期一

[jquery] 輸入欄位預設文字

以下是很簡單的輸入欄位預設文字的jquery 語法
稍微改良了一下, 以解決Browser reload 的bug :
From : if ($(this).val() == "")
To : if ($(this).val() == "" || $(this).val() == $(this)[0].title)
來源:http://www.dailycoding.com/Posts/default_text_fields_using_simple_jquery_trick.aspx <script type=text/javascript> $(document).ready(function() { $(".defaultText").focus(function(srcc) { if ($(this).val() == $(this)[0].title) { $(this).removeClass("defaultTextActive"); $(this).val(""); } }); $(".defaultText").blur(function() { if ($(this).val() == "" || $(this).val() == $(this)[0].title) { $(this).addClass("defaultTextActive"); $(this).val($(this)[0].title); } }); $(".defaultText").blur(); }); </script> <style type="text/css"> .defaultText { width: 299px; } .defaultTextActive { color: #a1a1a1; font-style: italic; } </style> <input type="text" title="enter email" size="30" name="email" id="user_email" class="defaultText login-table-form defaultTextActive">

【下列文章您可能也有興趣】

沒有留言: