Question

当用户在我的网站上创建新帐户时，我想检查该名称是否已存在。我希望在他们离开用户名输入框并输入密码时运行此检查。

我试过了：

<input type="text" onkeyup="check_user(this.value)"/>

Answer 1

在文本字段的change事件中调用该函数：

<input name="username" onChange="check_user(this.value);" type="text"/>

Answer 2

您需要使用“onblur”事件。它会在控件失去焦点时触发，这似乎正是您所需要的。

Answer 3

因为您在代码示例中使用了onkeyup，所以听起来您希望在每次按键时都调用一个函数。如果是这种情况，则代替onchange - 当input失去焦点时触发 - 你应该使用oninput，只要输入内部发生变化，它就会触发。

Answer 4

我认为您正在寻找检查用户的重复。你必须为此编写服务器端代码。

Answer 5

如果您想在窗口中输入特定内容时触发：

phr = 'lol'
ltr = phr.split('')
text = ''

document.addEventListener('keyup',function(k){
    if (ltr.includes(k.key)) {
        text += k.key
        if (text == phr) {
            console.log('Typed!')
            text = ''
        }
    } else {
        text = ''
    }})

作为一个函数，你可以像这样使用它：

function wtt(phrase,clb) {
    phr = phrase
    ltr = phr.split('')
    text = ''

    document.addEventListener('keyup',function(k){
        if (ltr.includes(k.key)) {
            text += k.key
            if (text == phr) {
                clb()
                text = ''
            }
        } else {
            text = ''
        }})
}

wtt('my phrase', function () {
    console.log('dostuff')
})

如何在输入更改时运行javascript函数

5 个答案: