分享Jquery获得与失去焦点案例
- 发布时间：
- 作者：码农之家
- 点击：60
这篇文章主要知识点是关于Jquery、失去焦点、的内容，如果大家想对相关知识点有系统深入的学习，可以参阅以下电子书
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>
以上就是本次给大家分享的关于java的全部知识点内容总结，大家还可以在下方相关文章里找到相关文章进一步学习，感谢大家的阅读和支持。
jQuery 相关电子书
学习笔记
<
1
>
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例 input id="txt" class="text1" type="text" / script src="js/jquery-1.7.1.min.js"/scriptscript type="text/javascript"$(function () { $("input.text1").val("输入文字！"); textFill($('input.text1'));})function textFill(input) { var str = input.val(); input.focus(function () { if ($.trim(input.val()) == str) { input.val(''); } }).blur(function () { if ($.trim(input.val()) == '') { input.val(str); }});}/script 以上这篇jQuery实用小技巧_输入框文字获取和失去焦点的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。 ……
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能。分享给大家供大家参考，具体如下： 最近都成为页面仔了，主要工作都放在了前段，以前总是写后台程序，对前端的一些技术 html,css,javascript ,虽然都懂一些，但要做出比较好看页面，还是有很大的差距的。最近就遇到了这样一个要求不是很高，但有点小清新风格的登录或注册页面，要求如下： 1. 在输入框中 如果没有内容，则显示提示：比如"请输入用户名" 2. 如果输入框获得焦点，则隐藏提示 3. 如果输入框失去焦点，并且输入框没有内容，则显示提示，如果有内容，则隐藏提示。 4. 采用 Jquery 1.7.2 在搜索了资料之后，发现通过label, input 并结合javascript 结合来实现，因为 label 有一个 for 属性，并指向input 的id ,这样，只要点击 label ,input 输入框就能获取焦点.一旦获取焦点……
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
在我们开发过程中特别是用户注册时会有一个效果，就是文本框获取焦点清空提示，如果用户没有输入信息失去焦点赋值上我们的提示语。 htmlheadmeta http-equiv="content-type"content="text/html; charset=UTF-8"/script src="http://127.0.0.1/jquery.js"/scriptscript$(function(){ $("#account").focus(function(){ var account_value=$(this).val(); if(account_value=="请输入账号"){ $(this).val(""); } }); $("#account").blur(function(){ var account_value=$(this).val(); if(account_value==""){ $(this).val("请输入账号"); } });});/script/head body账号：input id="account" type="text" value="请输入账号" //body/html 以上这篇jquery注册文本框获取焦点清空,失去焦点赋值的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。 ……