用户在表单中输入数据时需要了解的事件?

时间:2015-02-12 09:36:34

标签: javascript html

我有一个HTML表单。我想启用/禁用按钮,直到用户在其中一个字段中输入文本。我正在添加一个事件属性来触发一些javascript。这个javascript将启用/禁用该按钮。  问题是我无法弄清楚要使用的事件属性。一旦用户输入数据,请立即触发什么事件属性?我试过onchange但是当我在文本区域外单击时才会调用它。所以它也可能是onblur。

2 个答案:

答案 0 :(得分:1)

您可以使用input

function activateForm (event) {
    if(!this.value == ""){ 

    }
}
var input = document.querySelector(".myInput");

input.addEventListener("input", activateForm , false)

答案 1 :(得分:0)

可以使用两种可能的事件:onChangeonKeyPress。当输入的值发生变化时,onChange将触发,而当用户在文本框中输入内容时,onKeyPress将触发onKeyPress。一旦用户在值中改变某些内容,onChange将触发,并退出输入焦点。这意味着用户必须点击TAB或点击其他地方才能触发事件,因此onInput可能更适合。

了解更多:

http://www.w3schools.com/jsref/event_onchange.asp http://www.w3schools.com/jsref/event_onkeypress.asp

较年轻的浏览器也支持{{1}},如果您不需要支持旧版浏览器,那么它们当然应该是首选。