考虑到这个 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>