确保 TextBox OnTextChanged(ASP.NET 注入“setTimeout”)在 OnClick 之前触发

Luc*_*cas 5 javascript asp.net

考虑以下场景:

<asp:TextBox ID="txt" runat="server" AutoPostBack="true" OnTextChanged="txt_TextChanged"></asp:TextBox>
<asp:Button ID="btn" runat="server" OnClick="btn_Click" CausesValidation="false" UseSubmitBehavior="false" />
Run Code Online (Sandbox Code Playgroud)

渲染后,这两个控件变为:

<input name="txt" type="text" onchange="javascript:setTimeout('__doPostBack(\'txt\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="txt">
<input type="button" name="btn" onclick="javascript:__doPostBack('btn','')" id="btn">
Run Code Online (Sandbox Code Playgroud)

由于 setTimeout,Click 事件在 Change 事件之前触发。

经过一些研究,我发现 ASP.NET 这样做是因为某些旧版本 IE 中的旧故障。

但是,这会导致问题,因为我的按钮单击隐藏了文本框,导致一些“无效的回发或回调”错误。

如何修复执行顺序,以便 TextChanged 始终在 Click 之前触发?

PS:我愿意使用 Javascript/jQuery 来更改其中一个事件,但我对此类解决方案的性能表示怀疑(因为我可能会被迫使用 eval)

Luc*_*cas 0

我用一点技巧解决了这个问题,如果有人知道的话,我仍然愿意寻求更好的解决方案。
现在,我在页面加载时调用此函数:

function removeSetTimeout() {
    var inputs = "select, input[type=text], input[type=number], input[type=date], input[type=time]";
    $(inputs).each(function (index, elem) {
        var change = $(elem).attr('onchange');
        if (change) {
            var patch = /setTimeout\('__doPostBack\(\\'.*?\\',\\'\\'\)', 0\)/.exec(change);
            if (patch) {
                change = change.replace(patch[0], patch[0].substring(12, patch[0].length - 5).replace(/\\/g, ''));
                $(elem).attr('onchange', change);
            }
        }
    });
}
Run Code Online (Sandbox Code Playgroud)