首頁  >  文章  >  web前端  >  jquery blur不觸發的問題解決辦法分享

jquery blur不觸發的問題解決辦法分享

黄舟
黄舟原創
2017-06-26 14:19:062976瀏覽

程式碼如下

$("#username").blur(function(){
        alert("ass");//鼠标点击Blur 按tab键在第一次的时候没有触发
        $.getJSON("send.php?action=get_&n="+Math.random(),function(data) {
            if (data.res!=="none"){
                  
              setTimeout("$('#gb_tip_layer').hide('100');",5000); 
             }
        });
         
    });
 
<input name="username" type="text" class="text-input" id="username"/>

我想要實現的效果就是當 username 這個文字方塊blur的時候觸發一個請求查詢。可問題是,無論是滑鼠點擊了頁面其他地方還是按TAB鍵到下個表單項,blur事件綁定的函數都不會被觸發。只有再次點擊的時候才會觸發blur,請問這是怎麼個狀況啊?該如何解決呢? 謝謝了!

blur是事情焦點觸發的,只要遊標衝username文字域離開就觸發

blur事件觸發首先需要焦點在這個控制項上,當這個控制失去焦點時才會觸發,不知道樓主如何理解這個事件的?

   

你先把

$.getJSON("send.php?action=get_&n="+Math.random(),function(data) {
            if (data.res!=="none"){
                 
              setTimeout("$(&#39;#gb_tip_layer&#39;).hide(&#39;100&#39;);",5000); 
             }
        });

這段去掉試試看看功能正常不   

我想要的就是當輸入完 username中的數值,焦點移到下一個文字方塊時候 觸發一個函數偵測 username中的資料是否存在。 。 。

鬱悶的是,第一次 blur 沒有觸發綁定的函數,當第二次blur的時候才有效果.....

$("document").ready(function validate(){  }

程式碼放在ready裡就可以了

忘了說明了,$("#username") 是放在div彈層裡的,用$("document").ready(function validate(){ }
就找不著了。

以上是jquery blur不觸發的問題解決辦法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn