jQuery實用小技巧_輸入框文字獲取和失去焦點的簡單實例
來源:易賢網(wǎng) 閱讀:1298 次 日期:2016-08-30 14:22:22
溫馨提示:易賢網(wǎng)小編為您整理了“jQuery實用小技巧_輸入框文字獲取和失去焦點的簡單實例”,方便廣大網(wǎng)友查閱!

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)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)