Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用
更新時間：2014年06月10日 15:59:27 作者：
這篇文章主要介紹了Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
$(function(){
$("#input").focus(function(){//#input換成你的input的ID
//這里寫獲得焦點(diǎn)之后運(yùn)行的代碼。
}).blur(function(){
//$(".scroll-question").css("display","none");
});
})
})
live要1.4才支持，以下ie，firefox都沒問題
復(fù)制代碼 代碼如下:
<!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>無標(biāo)題文檔</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>");
}
);
//失去焦點(diǎn)以后
$("#nameInVal").live("blur",function()
{
alert('nameInVal已失去焦點(diǎn)');
}
);
}
);
</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>
相關(guān)文章
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了jQuery添加和刪除指定標(biāo)簽的方法，通過動態(tài)的給元素添加刪除一個CSS類可以實(shí)現(xiàn)此功能,需要的朋友可以參考下2015-12-12
解決jquery appaend元素中id綁定事件失效的問題
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
我們用一個語句就讓下面五個div顯示成功，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
關(guān)注jquery技巧提高jquery技能(前端開發(fā)必學(xué))
本文給大家介紹jquery前端開發(fā)關(guān)注jquery技巧提高jquery技能，對jquery前端開發(fā)感興趣的朋友可以參考下本文2015-11-11
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多網(wǎng)站都是使用這種方式引入，客戶的瀏覽器可能已經(jīng)緩存過了 jquery?？梢灾苯诱{(diào)用本地的，速度更快2011-04-04
這篇文章主要介紹了jQuery中:empty選擇器用法,實(shí)例分析了:empty選擇器的功能、定義及匹配空元素的用法技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
JavaScript的jQuery庫中function的存在和參數(shù)問題
這篇文章主要介紹了JavaScript的jQuery庫中function的存在和參數(shù)問題,包括function的參數(shù)傳遞和檢測一個jQuery方法是否存在等,需要的朋友可以參考下2015-08-08
jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個不錯的示例，需要的朋友可以參考下2014-07-07
jquery實(shí)現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時，顯示的div高度為100 - 200之間，以此類推2014-09-09