jquery，單擊頁面上的空白區域時焦點將消失

Question

單擊空白區域時，項目的焦點（）將消失。

代碼喜歡

$("#cusArea").find("#" + cusId).focus(); 

我希望如果該項目沒有改變，重點將集中在當前項目的任何點擊空白處或右鍵單擊....

如何這個問題的解決方法？

Answer 1

這是事件的默認行爲。但也有一些解決方法也有一些副作用，你必須看看。

例如，如果您的目的是關注某些輸入並希望保持焦點，直到輸入一些值，然後我們才能使用。

$("body").click(function(e){ 

if(!$("#inp1").val()){ 
e.preventDefault(); 
    $("#inp1").focus(); 
    return; 
} 

希望你可以做更多的試驗，並獲得有關事件的良好知識。

jsbin code sample

Answer 2

demo

應該工作

var _value = null; 

//需要外界宣稱它在功能包裝

$(function() { 
    // Handler for .ready() called. 

    _value = $('#test').val(); 
    //save start value of input 

    $('#test').blur(function (e) { 
     //catching blur event of input 
     var _this = $(this); 
     //saving jq object of element 

     //compering stored value to current input value 
     if (_value == _this.val()) { 
      //values are same 
      e.preventDefault(); 
      //set fosuc back on element 
      _this.focus(); 
     } else { 
      //in other case 
      // save new value 
      // not sure i you need this 
      _value = _this.val(); 
     } 

    }) 
//set focus on input at the start 
    $('#test').focus(); 
})