1

我想在 menulist XUL 项中模拟自动完成的行为（原始的自动完成组件对我来说太不切实际了，所以实际上使用它然后创建一个完整的 XPCOM 组件更容易）。

然而，有问题的部分是导致它打开它的下拉部分，它以编程方式显示选项。即我不想按下箭头按钮来打开它，我希望它在我输入时打开（或者如果没有匹配的选项则关闭）。由于我可以处理输入文本，我想在同一个处理程序中打开/关闭下拉部分，有没有办法做到这一点？

编辑

下面是我用于组件的 XUL 文件的简化示例：

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<dialog id="whatever" title="Select a tab to open"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        buttons="accept,cancel"
        buttonlabelcancel="Cancel"
        buttonlabelaccept="Save"
        ondialogaccept="return doOK();"
        ondialogcancel="return doCancel();">
  <dialogheader title="Select tab"/>
  <menulist id="search-box" editable="true"
            oncommand="commandHandler(event)"
            onkeyup="keyUpHandler(event)"/>
  <script>
    var a = window.arguments[0];
    var opener = window.arguments[1];
    var menu = document.getElementById('search-box');

    function doOK()
    {
        opener.selectTabAtIndex(a.indexOf(menu.value));
        return true;
    }

    function doCancel(){ return true; }

    function commandHandler(event)
    {
        doOK();
        window.close();
    }

    function keyUpHandler(event)
    {
        var v = menu.value;
        menu.removeAllItems();
        populate(a.filter(function (x, i)
        {
            if (x == v) opener.selectTabAtIndex(i);
            return x.indexOf(v) > -1;
        }));
    }

    function populate(choices)
    {
        for (var i = choices.length - 1, s; i >= 0; i--)
        {
            s = choices[i];
            menu.appendItem(s, s);
        }
    }
    menu.focus();
    menu.select();
    populate(a);
    menu.open = true;
  </script>

</dialog>

如您所见， menu.open = true 对此没有影响。

编辑 2

我也试过：

var e = document.createEvent("KeyboardEvent");
e.initEvent("keydown", true, false, menu, false, false, false, false, 0, 40);
menu.dispatchEvent(e);

以及 keydown / keyup / keypress 和切换 keycode 和 charcode 和 yada-yada 的变化，都没有效果。

顺便说一句，我喜欢 API，想起了旧的好 WinAPI，但还没有足够的无用参数

4

1 回答 1

1

这实际上很简单，您使用以下open属性：

menulist.open = true;

您的问题可能是人们不希望此属性是读/写的，而是寻找一种方法 - 但更改属性确实是打开下拉列表的正确方法。

于 2012-06-08T13:38:32.650 回答