Question

我想模仿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和切换键码以及charcode和yada-yada的变体，都没有效果。

我喜欢API btw，提醒旧的好WinAPI，但还没有足够的无用论据

Answer 1

这实际上非常简单，你使用open property：

menulist.open = true;

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

XUL menulist，以编程方式打开

1 个答案: