Jquery焦點(diǎn)與失去焦點(diǎn)示例應(yīng)用
更新時(shí)間：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>
您可能感興趣的文章:
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- jquery中focus()函數(shù)實(shí)現(xiàn)當(dāng)對(duì)象獲得焦點(diǎn)后自動(dòng)把光標(biāo)移到內(nèi)容最后
- input 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
- JQuery設(shè)置文本框和密碼框得到焦點(diǎn)時(shí)的樣式
- jQuery表單獲取和失去焦點(diǎn)輸入框提示效果的實(shí)例代碼
- JQuery中使文本框獲得焦點(diǎn)的方法實(shí)例分析
相關(guān)文章
這篇文章介紹了jQuery操作value值的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
這篇文章主要介紹了jQuery添加和刪除指定標(biāo)簽的方法，通過動(dòng)態(tài)的給元素添加刪除一個(gè)CSS類可以實(shí)現(xiàn)此功能,需要的朋友可以參考下2015-12-12
解決jquery appaend元素中id綁定事件失效的問題
下面小編就為大家?guī)硪黄鉀Qjquery appaend元素中id綁定事件失效的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
我們用一個(gè)語句就讓下面五個(gè)div顯示成功，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
關(guān)注jquery技巧提高jquery技能(前端開發(fā)必學(xué))
本文給大家介紹jquery前端開發(fā)關(guān)注jquery技巧提高jquery技能，對(duì)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選擇器的功能、定義及匹配空元素的用法技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
JavaScript的jQuery庫中function的存在和參數(shù)問題
這篇文章主要介紹了JavaScript的jQuery庫中function的存在和參數(shù)問題,包括function的參數(shù)傳遞和檢測(cè)一個(gè)jQuery方法是否存在等,需要的朋友可以參考下2015-08-08
jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下2014-07-07
jquery實(shí)現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時(shí)，顯示的div高度為100 - 200之間，以此類推2014-09-09