当输入某些内容直到空格时加载 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。

=== 更新 ===

这里有一个 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 事件。