当前位置:主页 > jquery教程 > Jquery焦点与失去焦点示例应用

分享Jquery获得与失去焦点案例

发布:2020-03-12 16:29:41 60


为网友们分享了jQuery相关的编程文章,网友万妙婧根据主题投稿了本篇教程内容,涉及到Jquery、失去焦点、Jquery焦点与失去焦点示例应用相关内容,已被626网友关注,涉猎到的知识点内容可以在下方电子书获得。

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 Tab效果和动态加载示例代码

    发布:2020-02-21

    这篇文章主要是对jquery中Tab效果和动态加载的简单实例进行了介绍,需要的朋友可以过来参考下。希望对大家有所帮助


  • jquery高效反选具体实现

    发布:2022-06-14

    给大家整理一篇关于jquery的教程,反选想必大家都有一个比较独特的方法吧,下面与大家分享下利用jquery实现高效反选,具体代码如下感兴趣的朋友可以参考下哈


  • jQuery实现表单动态添加与删除数据的实例分享

    发布:2020-02-12

    这篇文章主要介绍了jQuery实现表单动态添加与删除数据操作,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下


  • 使用jQuery获取Url中的Get参数示例

    发布:2020-01-22

    js的纯前台处理时会遇到将一个网页的参数,通过get方式,传递给下一个页面的问题,此时可以获取Url中的Get参数,具体如下,需要的朋友可以参考下


  • jQuery实现滚动图片效果的实例分享

    发布:2019-11-22

    jQuery图片滚动图片的效果(另类实现),需要的朋友可以参考一下


  • jquery幻灯片效果实例代码

    发布:2019-12-06

    jquery特效中的幻灯片想必大家已不陌生吧,下面为大家分享个比较不错的幻灯片效果,附有源码,感兴趣的朋友可以学习下哈


  • 图文讲解jQuery Validation PlugIn的使用方法

    发布:2020-02-11

    这篇文章主要介绍了jQuery Validation PlugIn的使用方法,需要的朋友可以参考下


  • 关于jQuery.Validate表单验证插件的使用教程

    发布:2020-02-11

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。接下来通过本文给大家介绍jQuery.Validate表单验证插件的使


网友讨论