Jquery焦点与失去焦点

最新推荐文章于 2025-03-15 09:59:07 发布

十三浪

最新推荐文章于 2025-03-15 09:59:07 发布

阅读量571

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技巧 JavaScript常用技巧文章标签： div+css jquery

本文链接：https://blog.youkuaiyun.com/AlanZhuHaiHua/article/details/29594433

前端技巧同时被 2 个专栏收录

41 篇文章

订阅专栏

JavaScript常用技巧

11 篇文章

订阅专栏

本文介绍了一种改进的JavaScript事件处理方法，通过使用jQuery库，实现了输入框获得焦点时执行特定操作，并在失去焦点时触发警报。适用于需要在用户交互时执行特定逻辑的场景。

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

$( function (){

$( "#input" ).focus( function (){ //#input换成你的input的ID

//这里写获得焦点之后运行的代码。

}).blur(function(){
     //$(".scroll-question").css("display","none");
     });
 })

})

live要1.4才支持，以下ie，firefox都没问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="/js/jquery-1.4.4.js"></script>
<script>
$(document).ready(function()
{
 $("#nameBefore").dblclick(function()
 {
  $("#nameBefore").replaceWith("<div id='nameIn'><input type='text' name='nameInVal' id='nameInVal' value='In' /></div>");
 }
 );
 //失去焦点以后
 $("#nameInVal").live("blur",function()
 {
  alert('nameInVal已失去焦点');
 }
 );
}    
);
</script>
</head>
<body>
<form name="testfm" method="post" action="save.php">        
<table>
<tr><td>1</td><td><div id='nameBefore'>Before</div></td></tr>
</table>
</form>    
</body>
</html>