Jquery焦点与失去焦点示例应用
2023-06-13 09:15:28 时间
$(function(){
$("#input").focus(function(){//#input换成你的input的ID
//这里写获得焦点之后运行的代码。
}).blur(function(){
//$(".scroll-question").css("display","none");
});
})
})
live要1.4才支持,以下ie,firefox都没问题
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
<scriptsrc="/js/jquery-1.4.4.js"></script>
<script>
$(document).ready(function()
{
$("#nameBefore").dblclick(function()
{
$("#nameBefore").replaceWith("<divid="nameIn"><inputtype="text"name="nameInVal"id="nameInVal"value="In"/></div>");
}
);
//失去焦点以后
$("#nameInVal").live("blur",function()
{
alert("nameInVal已失去焦点");
}
);
}
);
</script>
</head>
<body>
<formname="testfm"method="post"action="save.php">
<table>
<tr><td>1</td><td><divid="nameBefore">Before</div></td></tr>
</table>
</form>
</body>
</html>
相关文章
- 分享一个用jQuery实现自动检测并设置浏览器编码的实例
- js/jquery各种宽高的理解和应用详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- 基于jQuery的上下无缝滚动应用(单行或多行)
- jquery中ajax学习笔记4
- jQuery-Tools-overlay使用介绍
- JQuery入门—编写一个简单的JQuery应用案例
- Jquery获取复选框被选中值的简单方法
- jquery简单应用示例总结
- jquery模板的应用示例
- jquery检测元素是否存在的实例代码
- jquery自定义容器下雨效果可将下雨图标改为其他
- jquery文本框中的事件应用以输入邮箱为例
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jquery的clone方法应用于textarea和select的bug修复
- jQuery应用之jQuery链用法实例
- jQuery处理页面的事件详解
- jQuery复合选择器应用的几个例子