模擬「ontype」事件

Question

我想模擬Google搜索效果，即使搜索框未聚焦，用戶也可以開始輸入，輸入框將捕獲所有鍵盤筆劃。

我已經找過ontype事件，但還沒有找到任何東西。我知道click等事件的回調中的event對象具有鍵盤信息，但我不認爲這是我所追求的。

Answer 1

這做工作：

$(document).on('keydown', function() { 
    $('input').focus(); 
}); 

Answer 2

您之後的事件是onkeypress。

Answer 3

HTML：

<input type="text" id="txtSearch" /> 

的Javascript：

var googleLikeKeyCapture = { 
    inputField : null, 
    documentKeydown: function(event) { 
     var inputField = googleLikeKeyCapture.inputField; 
     if(event.target != inputField.get(0)) { 
      event.target = inputField.get(0); 
      inputField.focus(); 
     } 
    }, 
    init: function() { 
     googleLikeKeyCapture.inputField = $('#txtSearch'); 
     $(document).bind('keydown', googleLikeKeyCapture.documentKeydown); 
     googleLikeKeyCapture.inputField 
      .focus(function() { 
       $(document).unbind('keydown'); 
      }) 
      .blur(function() { 
       $(document).bind('keydown', googleLikeKeyCapture.documentKeydown); 
      }); 
     googleLikeKeyCapture.init = function() {}; 
    } 
}; 

$(googleLikeKeyCapture.init); 

您也可以找到的jsfiddle例如here

編輯：

而現在它是一個jQuery plugin。 :)如果keydown發生在textarea或輸入字段中，它不會捕獲鍵，否則其他任何內容都會轉到指定的輸入字段。如果您的選擇器匹配多個元素，則它只使用第一個元素。

用法：$('#txtSearch').captureKeys();

Answer 4

試試這個jQuery的文字更改事件插件：

http://www.zurb.com/playground/jquery-text-change-custom-event