首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >输入类型号发生更改,触发延迟

输入类型号发生更改,触发延迟
EN

Stack Overflow用户
提问于 2018-05-09 11:26:41
回答 4查看 5.4K关注 0票数 0

我有一个带有数字类型的带有onchange属性的简单输入标记:

代码语言:javascript
运行
复制
<input type="number" onchange="someFunction()" />

我的问题是,当用户单击输入框外时,就会调用someFunction。为什么在输入时不调用someFunction

此外,当用户单击输入类型箭头以更改输入的值时,第一次单击将触发onchange事件并调用someFunction,但第二次和第三次单击以及其他单击将不会调用该函数。

当用户正在输入(动态)或用户单击输入的箭头时,我如何调用someFunction

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2018-05-09 11:29:58

还有一些其他的javascript事件你应该读到。我想你想要的是onkeyup。这里有一个简单的例子

代码语言:javascript
运行
复制
function someFunction() {
  alert("Hi there!");
}
代码语言:javascript
运行
复制
<input type="number" onkeyup="someFunction()"  oninput="someFunction()" />

读取

票数 3
EN

Stack Overflow用户

发布于 2018-05-09 11:29:11

你试过使用oninput事件吗?

代码语言:javascript
运行
复制
<input type="number" oninput="someFunction()">
票数 0
EN

Stack Overflow用户

发布于 2018-05-09 11:29:59

当输入模糊后触发事件时,onchange

你在找onkeypress

代码语言:javascript
运行
复制
function someFunction(event){
    console.log(event.target.value)
}
代码语言:javascript
运行
复制
<input type="number" onkeyup="someFunction(event)" />

但我建议添加事件侦听器,而不是添加内联处理程序。我的意思是

代码语言:javascript
运行
复制
document.getElementById("d").addEventListener("keyup", someFunction);
function someFunction(event){
    console.log(event.target.value)
}
代码语言:javascript
运行
复制
<input type="number" id="d" />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50252232

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档