首頁 > web前端 > js教程 > Jquery焦點與失去焦點範例應用程式_jquery

Jquery焦點與失去焦點範例應用程式_jquery

WBOY
發布: 2016-05-16 16:45:14
原創
980 人瀏覽過
複製程式碼 程式碼如下:

$(function(){
$("#input" ).focus(function(){//#input換成你的input的ID
//這裡寫獲得焦點之後運行的程式碼。
}).blur(function(){
// $(".scroll-question").css("display","none");
});
})

})

live要1.4才支持,以下ie,firefox都沒問題
複製程式碼 程式碼如下:


程式碼如下:






無標題文件

<script> <BR>$( document).ready(function() <BR>{ <BR>$("#nameBefore").dblclick(function() <BR>{ <BR>$("#nameBefore").replaceWith("<div id= 'nameIn'><input type='text' name='nameInVal' id='nameInVal' value='In' /></script>
");
}
);
//失去焦點以後
$("#nameInVal").live("blur",function()
{
alert('nameInVal已失去焦點');
}
);
}
);






1
Before
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板