jquery - IE9 的 AppendText 和 TypeText 问题(特别是更改事件)

Question

所以最近我们强制我们的应用程序在 IE9 模式下运行，从那时起，WatiN typetext、AppendText 与 TriggerClientChange(如下所示)结合使用就不再触发页面上的 JS。

情况是这样的...它是一个文本字段，用于快速搜索我们的应用程序。 OnFocus 会弹出一个菜单，当输入时，它会搜索数据库并用结果填充选择菜单。在过去的两年里，使用 AppendText 和 TypeText 以及此方法 TriggerClientChange 一直运行良好

    public static void TriggerClientChange(this Element element)
    {
        //var Id = element.Id.Replace("[", @"\\[").Replace("]", @"\\]");
        if (String.IsNullOrEmpty(element.Id))
        {
            element.Id = "x" + Guid.NewGuid().ToString("N");
        }

        string selector = "[id=\"" + element.Id + "\"]";

        //if (element.Name == null)
        //    throw new ElementExtensionException("element: " + element.ToString() + " doesn't exist.");

        if (element is CheckBox)
        {
            selector += ":checkbox";
        }
        element.DomContainer.WaitForComplete();
        element.DomContainer.Eval("var elt = window.$('" + selector + "'); if(elt.length > 0) { elt.trigger('change'); }");
        element.DomContainer.WaitForAjaxComplete();
        element.DomContainer.WaitForComplete();
    }

既然我们支持 IE9 和 HTML5，我们决定强制使用 IE9 和标准。从那时起，当在搜索文本字段中键入值时，调用运行 JS 的 TriggerClientChange 时，不会触发 JS。我们尝试了 .change 的不同排列但没有成功，例如:

    public static void ForceChange(this Element element)
    {
        element.DomContainer.Eval(String.Format("$({0}).change();", element.GetJavascriptElementReference()));
    }
    public static void ForceChange(this Element element)
    {
        element.DomContainer.Eval("$('#" + element.Id + "').change();");
    }

都不会像以前那样产生结果。下面是在文本框中输入值的快速搜索方法，该方法已经工作了很长时间，直到我们强制使用 IE9 标准

    internal void SetQuickSearchTextbox(string val)
    {
        this.Browser.TextField("navBarQuickContactSearch").AppendText(val);
        this.Browser.TextField("navBarQuickContactSearch").TriggerClientChange();
        this.Browser.WaitForAjaxComplete();

        Thread.Sleep(5000);

        ElementCollection results = this.Browser.Div(Find.ByClass("ac_results")).ElementsWithTag("li");
        results[1].Click();
    }

最后这是 TypeText

    protected virtual void SendKeyPresses(string value)
    {
        var length = value != null ? value.Length : 0;

        if (TextField.MaxLength != 0 && length > TextField.MaxLength)
        {
            length = TextField.MaxLength;
        }

        for (var i = 0; i < length; i++)
        {
            var character = value[i];

            FireKeyDown(character);
            FireKeyPress(character);
            FireKeyUp(character);
        }
    }

    protected virtual void FireKeyUp(char character)
    {
        TextField.KeyUp(character);
    }

    protected virtual void FireKeyPress(char character)
    {
        TextField.KeyPress(character);
    }

    protected virtual void FireKeyDown(char character)
    {
        TextField.KeyDown(character);
    }

总结:这些一直有效，直到 IE9 被强制。是的，这在手动输入文本字段时有效，但现在脚本不会像以前那样更改元素。任何帮助都会很棒。

Answer 1

我们使用以下代码片段修复了该问题。它模拟缺失的 jquery 事件:

var evt = jQuery.Event("keydown");   
evt.keyCode = $.ui.keyCode.RIGHT;   
$('input.ac_input').focus().val('SOME TEST TEXT').trigger(evt);

这是通过 Browser.Eval 运行的解决方法。 ie9mode 中破坏它的更改仍不确定。