在某些空間上鍵入某個東西時加載Javascript功能

Question

例如： 當某人鍵入@時，它將準備好該功能。

在Twitter上，例如，當某人輸入@USERNAME後顯示某些東西，然後在空格後，它們不顯示任何內容。

Answer 1

這裏的JavaScript示例：

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事件。