javascript - 文本框 onchange 未触发

Question

使用 Javascript 库 - Calendar_Impl.js 作为日历控件。文本框旁边有一个图像，单击该图像会显示日历。选择该日历中的日期将填充该文本框中的日期。

<asp:textbox onchange="chkDate();"></asp:textbox>
<img onclick="javascript: showCalendar();"/>

一旦用户选择了日期，我想对该日期进行检查。但 onchange 或 onblur 根本不起作用。当手动输入文本时，chkDate() 起作用。通过点击图片来填写日期，不起作用。

在不干扰 calendar.js 的情况下，我可以做一些事情来触发该事件吗？

Answer 1

确实如此，HTML 监听器 onchange 和 blur 仅在您将焦点置于输入字段时才起作用。我不是 100% 确定，但我认为您可以使用 javascript 监听器调用该函数。尝试这样的事情:

将 ID 添加到文本框:

<asp:textbox id="chkDateTextbox" onchange="chkDate();"></asp:textbox>

添加 JavaScript onchange 监听器:

<script type="text/javascript">
    window.onload= function () {
        if(window.addEventListener) 
        {
            document.getElementById('chkDateTextbox').addEventListener('change', chkDate, false);
        } 
        else if (window.attachEvent)
        {
            document.getElementById('chkDateTextbox').attachEvent("onchange", chkDate);
        }
    }
</script>