javascript - 如何在 htmltextbox 中为 textchanged 事件调用 javascript？

Question

我有两个只读的html 文本框（txtFrom和）。txtTo这两个文本框用于显示来自 datepicker 的日期。

我的场景是当txtTo文本框充满日期时，我想调用一个 javascript 减去两个日期 ( txtTo- txtFrom) 并将结果输入另一个名为txtDays.

我怎样才能做到这一点？由于文本框是只读的，我无法调用onkeypress或事件。onkeyup

score 3 · Accepted Answer

您可以使用 javascript 的 onchange 事件。

在 html 部分

<asp:TextBox ID="txtTo" runat="server" onchange="DateComparisionJavascriptFun();"></asp:TextBox>

在 Javascript 块中

<script type="text/javascript">
function DateComparisionJavascriptFun()
{
   alert("Validate dates here.");
}    
</script>

score 2 · Accepted Answer

onchange 事件仅在文本字段失去焦点时触发，因此这可能对您不起作用。

如果您以编程方式更改日期字段的文本，那么您可能应该同时更改其他字段。

如果您要在多个地方执行此类操作，我强烈建议您使用Knockout JS之类的数据绑定框架，并使用带有计算属性的 ViewModel。

score 2 · Accepted Answer

你应该在那个日期选择器上有回调函数，当用户选择一个日期时它可以调用这个函数

不知道它是你的还是第三方的日期选择器，但是当用户选择一个日期并将其写入文本输入时，他应该定义回调，你应该能够在这个地方添加你的函数

3 回答 3