将数据分配给输入文本框时，输入文本框 onchange 不会触发-前端问题

Input textbox onchange is not firing when data is assigned to input textbox(将数据分配给输入文本框时，输入文本框 onchange 不会触发)

本文介绍了将数据分配给输入文本框时，输入文本框 onchange 不会触发的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是我的 HTML 页面

This is my HTML page

<script>
function set()
{
document.getElementById("txt").value++;
}
</script>
<input id="txt" type="text" onchange="javascript:alert('txt changed');" value="0">
<br/>
<input type="button" onclick="set()" value="Set Data"/>

当我按下按钮时，文本框的值正在改变，并且 onchange 事件没有触发，但是当我在文本框中手动输入值时，它会触发 onchange.

When I press the button, the text box value is changing, and the onchange event is not firing, but when I enter value manually in the textbox, it is firing the onchange.

我想要的只是在单击按钮时在文本框中更改数据时调用 JavaScript 函数.

All I want is to call a JavaScript function when data is changed in the textbox when a button is clicked.

你能帮忙吗?

推荐答案

您可以在通过更改值后使用 document.getElementById("txt").onchange(); 从代码中触发 onchange代码

you can fire onchange from code using document.getElementById("txt").onchange(); after the changing the value through code

更新

更改您的 set 函数以获取文本框的 id

change your set function to take the id of the text box

function set(textboxid)
{
    var tb = document.getElementById(textboxid);
    tb.value++;
    tb.onchange();
}

这篇关于将数据分配给输入文本框时，输入文本框 onchange 不会触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！