JavaScript - 运行 function<input> 更改 - 编号 JQUERY

Question

我想在 HTML <input/>标记更改时运行 function。 我该怎么做呢？ 对此有一些答案，但它们都在 jQuery 中，我想要普通的 javascript。有人能给我一个简单的例子吗？ 谢谢！

我希望输入是文本类型：

<input type="text" id="change">

Answer 1

您可以使用输入事件。 这不仅会触发键入和粘贴，还会触发其他文本修改事件，例如拖放操作。

 change.addEventListener("input", function (e) { alert(this.value); }); 

 <input type="text" id="change"> 

Answer 2

使用addEventListener ：

document.getElementById('change').addEventListener("keyup", function (evt) {
    console.log(this.value);
}, false);

演示： http ： //jsfiddle.net/tusharj/y9xcoqja/

文档： https ： //developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

EventTarget.addEventListener()方法在调用它的EventTarget上注册指定的侦听器。 事件目标可以是document的元素， Document本身， Window或支持事件的任何其他对象（例如XMLHttpRequest ）。

编辑

要在同一元素上绑定多个事件：

var element = document.getElementById('change');

function myEventHandler(event) {

}


element.addEventListener("keyup", function (evt) {
    myEventHandler(evt);
}, false);

element.addEventListener("change", function (evt) {
    myEventHandler(evt);
}, false);