2009/10/21

點選文字欄位後本身文字消失

今天寫了一個plugin,我知道網路上好像有類似的可以download
不過由於自己開發的掌控性比較高,所以就花了一點點時間撰寫

功能介紹:
其實作用很簡單,預設一個text文字內容,onfocus的時候消失,onblur的時候出現
要判斷的只有user是否已經改變內容了。

使用方式:

<input type="text" id="test" //>
<script>
$('#test').chanClickClear('測試');
</script>


Plugin Code
<br />(function() {<br />    $.fn.chanClickClear = function($txt) {<br />        return this.each(function() {<br />            if ($txt != '') {<br />                $(this)<br />                    .val($txt)<br />                    .focus(function() {<br />                        if ($(this).val() == $txt) $(this).val('');<br />                    })<br />                    .blur(function() {<br />                        if ($(this).val() == '') $(this).val($txt);<br />                    });<br />            }<br />        });<br />    }<br />})(jQuery);<br />


沒有留言: