jQuery鼠标点击/划过特效

最新推荐文章于 2022-08-18 14:10:17 发布

lzhdim

最新推荐文章于 2022-08-18 14:10:17 发布

阅读量998

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lzhdim/article/details/83315357

本文介绍了一个使用jQuery实现的简单示例，当用户将光标置于指定输入框时，会触发全选效果。该示例覆盖了获得焦点、点击及鼠标划过三种情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下代码是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>