Jquery焦点与失去焦点示例应用
更新时间：2014年06月10日 15:59:27 作者：
这篇文章主要介绍了Jquery焦点与失去焦点示例应用,需要的朋友可以参考下
复制代码 代码如下:
$(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>
相关文章
这篇文章介绍了jQuery操作value值的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
这篇文章主要介绍了jQuery添加和删除指定标签的方法，通过动态的给元素添加删除一个CSS类可以实现此功能,需要的朋友可以参考下2015-12-12
解决jquery appaend元素中id绑定事件失效的问题
下面小编就为大家带来一篇解决jquery appaend元素中id绑定事件失效的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
我们用一个语句就让下面五个div显示成功，具体实现如下，感兴趣的朋友可以参考下2013-10-10
本文给大家介绍jquery前端开发关注jquery技巧提高jquery技能，对jquery前端开发感兴趣的朋友可以参考下本文2015-11-11
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多网站都是使用这种方式引入，客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的，速度更快2011-04-04
这篇文章主要介绍了jQuery中:empty选择器用法,实例分析了:empty选择器的功能、定义及匹配空元素的用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
JavaScript的jQuery库中function的存在和参数问题
这篇文章主要介绍了JavaScript的jQuery库中function的存在和参数问题,包括function的参数传递和检测一个jQuery方法是否存在等,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery如何取得设置清空select选择的文本与值,下面有个不错的示例，需要的朋友可以参考下2014-07-07
大概原理就是填充后div的总高度 （1000px） 显示高度（100px） 则页面总数为10页 。当查看第二页时，显示的div高度为100 - 200之间，以此类推2014-09-09
最新评论