behavior: menu-bar
2024-07-18 15:46:34
behavior: menu-bar
此行为提供水平菜单栏 - 弹出菜单的顶级容器。
引擎的默认样式系统不提供菜单栏的默认样式。如果应用程序需要菜单栏,请使用 {sdk}/samples/menu/std-menu.css 作为原型。
Elements
默认情况下,任何元素都不应用此行为。{sdk}/samples/menu/std-menu.css 假定顶级菜单由 <ul id="menu-bar">
元素定义。
Model
Sciter 中的菜单声明示例:
<ul id="menu-bar">
<li>
<caption>File</caption>
<menu>
<li id="file-open">Open File <span.accesskey>Ctrl+O</span></li>
<hr>
<li id="file-save">Save File <span.accesskey>Ctrl+S</span></li>
<li id="file-save-as">Save File as ...<span.accesskey>Ctrl+Shift+S</span></li>
</menu>
<li>
...
</ul>
Attributes
behavior:menu-bar 未使用任何特定属性。
Methods
没有具体的方法。
States
:owns-popup
- 当显示菜单时,在菜单所有者元素(menuOwnerElement
上面)上设置状态标志;:popup
- 在显示<menu>
元素时在元素上设置。
Events
"click"
- 当用户单击菜单项时发布,Event.target 是菜单项。
Value
不适用
on()
subscription
document.on("click", "li#file-open", function(evt) {
// 'this' here is that li#file-open item
});