Javascript 仅当元素失去焦点时才调用onChange

Javascript 仅当元素失去焦点时才调用onChange,javascript,dom-events,onchange,Javascript,Dom Events,Onchange,我希望在文本字段中键入div时发生变化(我已经有了更改div的代码)。但是,onchange事件仅在您完成并在文本字段外单击后调用。我希望每一封信打好后都能打出来 我的代码: <input name="platetext" type="text" onchange="setValue(this)"> onChange是在输入失去焦点时触发的onKeyUp应该可以帮你解决这个问题 您可以将事件处理程序绑定到一个“输入”事件(我认为这是HTML5引入的) 我在这里举了一个快速而肮脏的

我希望在文本字段中键入div时发生变化(我已经有了更改div的代码)。但是,onchange事件仅在您完成并在文本字段外单击后调用。我希望每一封信打好后都能打出来

我的代码:

<input name="platetext" type="text" onchange="setValue(this)">


onChange
是在输入失去焦点时触发的
onKeyUp
应该可以帮你解决这个问题

您可以将事件处理程序绑定到一个“输入”事件(我认为这是HTML5引入的)

我在这里举了一个快速而肮脏的例子:


这将是解决此问题的干净方法(因为keyup不适用于复制和粘贴),但您可能需要测试它是否已在您想要支持的所有浏览器中工作。

我尝试了将事件更改为onkeyup的示例,复制和粘贴效果很好。有什么隐藏的问题吗?当使用Ctrl+V进行粘贴时,你是对的,但是如果你使用右键单击->粘贴,它不会触发keyup事件(至少在大多数现代浏览器中是这样)。这是正确的,但是如果你同时添加onChange和onKeyUp,它也涵盖了这个场景(试用过的chrome)是的,我认为这也应该起作用。但是由于输入事件是为这个用例显式设计的,所以我仍然建议使用它。并且可能会更改或设置为旧浏览器的备用键。只要我的两分钱。(: