jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
内容摘要
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
<input id="txt" class="text1" type="text" />
<script src="js/jquery-1.7.1.min.js"></script>
<script ty
<input id="txt" class="text1" type="text" />
<script src="js/jquery-1.7.1.min.js"></script>
<script ty
文章正文
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实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。
代码注释