例如:当有人键入@
时,它将准备好功能。
例如,在 Twitter 上,当有人@USERNAME
在空格之后键入内容时显示一些内容,他们什么也不显示。
例如:当有人键入@
时,它将准备好功能。
例如,在 Twitter 上,当有人@USERNAME
在空格之后键入内容时显示一些内容,他们什么也不显示。
这是一个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
}
}
另请参阅此 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
}
});
另请参阅此 jsfiddle。
也许您可以在按下空格键时尝试onkeypress事件。