Jquery焦点与失去焦点示例应用
Jquery焦点与失去焦点示例应用
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){$("#input").focus(function(){//#input换成你的input的I...

复制代码 代码如下:

$(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="http://www.jb51.netjs/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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类