考虑到这个 xul 标记:
<tabbox>
<tabs>
<tab>
<textbox width="50">
</tab>
</tabs>
<!-- ... -->
</tabbox>
...我无法<textbox>
用鼠标选择。<tab>
似乎屏蔽了对子节点的任何鼠标事件。如何让<textbox>
接收鼠标事件?
我已经在and元素上尝试了类似mousethrough="always"
and的属性,但老实说,我并不完全确定该属性应该做什么。此外,我相信它只适用于 a 中的元素。mousethrough="never"
<tab>
<textbox>
<stack>
我也尝试过allowevents="true"
,<tab>
但不幸的是,这也没有任何作用。
在某种程度上,起作用的是通过 JavaScript 传递焦点,例如:
theTab.addEventListener( 'focus', function( event ) {
theTextbox.focus();
} );
...但这太笨重了,并且仍然无法<textbox>
正常运行(无法选择文本等)。那么,我可能需要为一系列事件实现这一点。
那么,如果有的话,我可以采取哪些简单的步骤来让<tab>
元素的子节点按预期运行?
或者我是否可能需要完全扩展选项卡 XBL,因为选项卡通常不会按照我在这里的意图行事?
编辑:
我突然想到,我可能可以通过完全省略选项卡而在视觉上稍微伪造它,而只是有一个<textbox>
看起来像选项卡的 ,带有:
<textbox id="someId"/>
#someId {
-moz-appearance: tab
}
...并尝试以某种方式将其合并到<tabs>
元素中。
不过,我宁愿有一个实际的解决方案<tab>
,这样我也可以在某种程度上让它<tab>
表现得像一个实际的(在选择时弹出一点等)。<tab>