Jquery焦点与失去焦点示例应用

程序员文章站 2023-11-25 17:23:22

代码如下: $(function(){ $("#input").focus(function(){//#input换成你的input的id //这里写...

代码如下:

$(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" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="https://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("<p id='namein'><input type='text' name='nameinval' id='nameinval' value='in' /></p>");
}
);
//失去焦点以后
$("#nameinval").live("blur",function()
{
alert('nameinval已失去焦点');
}
);
}
);
</script>
</head>
<body>
<form name="testfm" method="post" action="save.php">
<table>
<tr><td>1</td><td><p id='namebefore'>before</p></td></tr>
</table>
</form>
</body>
</html>

上一篇： Vim命令高级用法

下一篇： js中数组插入、删除元素操作的方法

Jquery焦点与失去焦点示例应用

jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例

jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例