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

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

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

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

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

当前回答

您也可以使用按下键、按上键和按下键事件。

2009-02-22 13:49:41

其他回答

要跟踪每一个，请尝试这个示例，并在此之前将光标闪烁率完全降低到零。

< body > -试试onkeydown、onkeyup onkeypress <输入类型=“文本”“> <跨越> < /跨越> < >脚本我的功能(瓦尔) /警报(val); var mySpan =文档. getelementsby mySpan += val+"<br>"; 文件。getElementsByTagName(“跨越”)[0 - 9]。内html = mySpan; 的剧本< - > < / body >

Onblur:退出时生成事件

Onchange:如果在输入文本中做了任何更改，则在退出时生成事件

Onkeydown:在任何按键时产生事件(对于长时间按住键也一样)

Onkeyup:在任何密钥释放时生成事件

Onkeypress:与onkeydown(或onkeyup)相同，但不会对ctrl,backsace,alt其他做出反应

2015-04-01 21:24:07

使用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

您也可以使用按下键、按上键和按下键事件。

2009-02-22 13:49:41

这些天听oninput。感觉就像在改变，而不需要失去对元素的关注。它是HTML5。

除了IE8及以下版本，所有人(甚至是移动设备)都支持它。为IE添加onpropertychange。我是这样使用的:

const source = document.getElementById('source'); const result = document.getElementById('result'); const inputHandler =函数(e) { 结果。innerHTML = e.target.value; ｝源。addEventListener(“输入”,inputHandler); 源。addEventListener (propertychange, inputHandler);//用于IE8 // Firefox/Edge18-/IE9+不启动<select><option> . // / /源。addEventListener(‘改变’,inputHandler); <输入id = "源" > < div id = "结果" > < / div >

2014-10-05 11:39:17

如果你只使用Internet Explorer，你可以使用这个:

<input type="text" id="myID" onpropertychange="TextChange(this)" />

<script type="text/javascript">
    function TextChange(tBox) {
        if(event.propertyName=='value') {
            //your code here
        }
    }
</script>

希望这能有所帮助。

2010-05-19 10:52:32

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

推荐文章

最新文章

标签