以下代码是jQuery在鼠标动作的时候进行的相应的操作,比如输入框获得焦点Jquery的,鼠标点击,鼠标划过的时候Jquery的效果
<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<input type="text" value="ID" id="uid" name="uid" />
<input type="password" name="upwd" value="Password" id="upwd" />
<script language="javascript">
//获得焦点,这个效果最好,点或者按tab,都可以全选
$("#upwd").focus(function(){this.select();})
$("#uid").focus(function(){this.select();})
//点击
$("#upwd").click(function(){this.select();})
$("#uid").click(function(){this.select();})
//划过全选
$("#upwd").mouseover(function(){this.select();})
$("#uid").mouseover(function(){this.select();})
</script>
<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<input type="text" value="ID" id="uid" name="uid" />
<input type="password" name="upwd" value="Password" id="upwd" />
<script language="javascript">
//获得焦点,这个效果最好,点或者按tab,都可以全选
$("#upwd").focus(function(){this.select();})
$("#uid").focus(function(){this.select();})
//点击
$("#upwd").click(function(){this.select();})
$("#uid").click(function(){this.select();})
//划过全选
$("#upwd").mouseover(function(){this.select();})
$("#uid").mouseover(function(){this.select();})
</script>
Austin Liu 刘恒辉
Project Manager and Software Designer E-Mail:lzhdim@163.com Blog:https://lzhdim.cnblogs.com 欢迎收藏和转载此博客中的博文,但是请注明出处,给笔者一个与大家交流的空间。谢谢大家。 |