jquery 觸發/失去焦點事件例子詳解


觸發焦點:

$("Element").focus()

觸發每一個匹配元素獲得焦點事件。

$("Element").focus(function)

事件會在獲得焦點的時候觸發,既可以是鼠標行為,也可以是按tab鍵導航觸發的行為,並且綁定一個處理方法。


失去焦點:

$("Element").blur()

觸發每一個匹配元素失去焦點事件。

$("Element").blur(function)

事件會在元素失去焦點的時候觸發,既可以是鼠標行為,也可以是按tab鍵離開的行為,並且綁定一個處理方法。

例子一

代碼如下 復制代碼
$(document).ready(function(){
$(".regbox .textb").bind("focus",function(){});
$(".regbox .textb").bind("blur",function(){});
$("input").css({"background-colo(www.111cn.net)r":"#fff3de"});
//if (screen.width>=1280){}else if (screen.width<1280){}


})

例子二

代碼如下 復制代碼
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#username').focus(function ()//得到教室時觸發的時間
{
$('#username').val('');
})
$('#username').blur(function () 失去焦點時觸發的時間
{
if ($('#username').val() == 'marry') {
$('#q').text('用戶名已存在!')
}
else { $('#q').text('ok!') }
})

from:http://www.111cn.net/wy/jquery/60507.htm


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM