空白になるまで何かを入力するときにJavascript関数を読み込みます

Question

たとえば： 誰かが@と入力すると、機能が準備されます。

例えば、Twitterで、誰かが@USERNAMEを入力した後、スペースの後に何も表示されないときに何かを表示します。

Answer 1

ジャバスクリプト例：

document.getElementById('test').onkeyup = function(oEvent) { 
    if (typeof oEvent == 'undefined') oEvent = window.event;   // IE<9 fix 
    if (oEvent.keyCode != 32) return;  // stop if character is not the space 
    if (/@USERNAME /.test(this.value)) {  // check if @-template is available 
     this.value = this.value.replace(/@USERNAME /g, 'Dirk '); // replace it 
    } 
} 

またthis jsfiddleを参照してください。

=== UPDATEの===ここでjQueryの代替

：

$('#test').keyup(function(oEvent) {     // set (keyup) event handler 
    if (oEvent.keyCode != 32) return;  // stop if character is not the space 
    if (/@USERNAME /.test($(this).val())) { // check if @-template is available 
     $(this).val($(this).val().replace(/@USERNAME /g, 'Dirk ')); // replace it 
    } 
}); 

またthis jsfiddleを参照してください。

Answer 2

おそらく、onkeypressイベントをスペースバーを押すと試すことができます。ここで