在输入type="text"中跟踪onchange的最佳方法?

根据我的经验，input type="text" onchange事件通常只发生在你离开(模糊)控件之后。

有办法迫使浏览器触发onchange每次文本字段内容的变化?如果不是，那么“手动”跟踪这种情况的最佳方法是什么?

使用onkey* events是不可靠的，因为您可以右键单击字段并选择粘贴，这将在没有任何键盘输入的情况下更改字段。

setTimeout是唯一的方法吗?丑:-)

当前回答

请，判断下一个方法使用JQuery:

HTML:

<input type="text" id="inputId" />

Javascript (JQuery):

$("#inputId").keyup(function() {
    $(this).blur();
    $(this).focus();
});

$("#inputId").change(function() {
    // Do whatever you need to do on actual change of the value of the input field
});

2013-02-08 17:31:35

其他回答

请，判断下一个方法使用JQuery:

HTML:

<input type="text" id="inputId" />

Javascript (JQuery):

$("#inputId").keyup(function() {
    $(this).blur();
    $(this).focus();
});

$("#inputId").change(function() {
    // Do whatever you need to do on actual change of the value of the input field
});

2013-02-08 17:31:35

使用oninput而不是onchange。

index . html

<html>
  <head>
    <title>title here</title>
    <script src="index.js"></script>
  </head>
  <body>
    <input oninput="onclickhandler(this)"></input>
  </body>
</html>

script.js

function onclickhandler(e) {
  console.log(e.value);
}

2021-01-15 05:05:24

下面的代码为我工作良好的Jquery 1.8.3

HTML: <输入类型=“文本”id=“myId”/>

Javascript/JQuery：

$("#myId").on('change keydown paste input', function(){
      doSomething();
});

2015-01-21 08:42:12

2018年到了，我是这么做的:

$(inputs).on('change keydown paste input propertychange click keyup blur',handler);

如果你能指出这种方法的缺陷，我会很感激。

2018-04-15 23:32:01

我认为在2018年最好使用输入事件。

正如WHATWG规范所描述的(https://html.spec.whatwg.org/multipage/indices.html#event-input-input):

当用户更改值时向控件触发(参见改变事件)

下面是一个如何使用它的例子:

<input type="text" oninput="handleValueChange()">

2018-06-19 09:28:56

在输入type="text"中跟踪onchange的最佳方法?

推荐文章

最新文章

标签