Javascript html文本输入onchange事件
有没有一种方法可以实现文本更改事件来检测HTML输入文本字段上的文本更改?Javascript html文本输入onchange事件,javascript,html,textbox,Javascript,Html,Textbox,有没有一种方法可以实现文本更改事件来检测HTML输入文本字段上的文本更改?可以使用按键事件(按键等)来模拟这些更改,但是,这并没有什么效果和困难,有没有更好的方法?当我做类似的事情时,我使用onKeyUp事件 <script type="text/javascript"> function bar() { //do stuff } <input type="text" name="foo" onKeyUp="return bar()" /> 在本例中,输
可以使用按键事件(按键等)来模拟这些更改,但是,这并没有什么效果和困难,有没有更好的方法?当我做类似的事情时,我使用onKeyUp事件
<script type="text/javascript">
function bar() {
//do stuff
}
<input type="text" name="foo" onKeyUp="return bar()" />
在本例中,输入必须有一个类“target”
如果您将有多个文本框,当它们的文本发生更改时,您希望它们执行相同的操作,并且您需要它们的数据,那么您可以执行以下操作:
$('.target').change(function(event) {
//do stuff with the "event" object as the object that called the method
)};
这样,您就可以对使用同一类的多个文本框使用相同的代码,而不必重写任何代码。除非我误解了,否则您可以只使用
onChange
属性:
<input type="text" onChange="return bar()">
注意:在FF 3(至少)中,只有当用户通过单击远离元素、单击enter或other确认它们已被更改时,才会调用此命令。onChange直到您稍后失去焦点时才会触发。如果您想严格控制各种瞬时变化,请使用:
<input
type = "text"
onchange = "myHandler();"
onkeypress = "this.onchange();"
onpaste = "this.onchange();"
oninput = "this.onchange();"
/>
我使用这一行来侦听来自javascript的输入事件。
它很有用,因为它侦听文本更改和文本粘贴事件
myElement.addEventListener('input', e => { myEvent() });
使用
oninput
事件
<input type="text" oninput="myFunction();" />
请提供更多详细信息。你需要做什么?你还没有想好怎么做。例如,如果字段接收到来自条形码扫描仪的输入,那么我将监视该字段,而不是使用keyup/press或onchange@mplugjan:用户在文本框中键入以搜索查询,输出区域会不断更新。请参阅此以获取最新答案:这是否回答了您的问题?jquery的更改事件是使用keyup事件实现的吗?@user775187否,我认为这是它实现的onChange事件,因为您还可以将更改事件用于单选按钮、选择列表、复选框等。-1:“但是如果您不想使用html事件,可以尝试使用jQuerys.change()方法。”在html中使用事件属性和使用jQuery之间有很多选择。认为没有的建议是相当误导的。最重要的是,从你的回答中也不太清楚这两件事实际上与完全不同的事件有关。请参考以下最新答案:
<input type="text" oninput="myFunction();" />