侦听事件 界面需要针对用户的交互进行变化, 因此我们提供了事件侦听的支持以便实现此需求. 事件侦听通过 mx-listen 属性绑定到元素. 一个事件可以被绑定到多个元素上. 一个元素也可以绑定多个事件进行侦听. 事件在触发时会添加相应的自定义属性到侦听了事件的元素上. 例如一个元素: <a mx-listen=”pageLoading unableBack” /> 在 pageLoading 事件触发时, 会被加上 pageLoading 属性, 变成: <a mx-listen=”pageLoading unableBack” pageLoading /> 在 unableBack事件触发时, 会被加上 disabled 属性和 disabled 状态, 变成: <a mx-listen=”pageLoading unableBack” disabled /> 如果两个事件同时触发, 元素会变成: <a mx-listen=”pageLoading unableBack” pageLoading disabled /> 皮肤制作者可以根据此特性在 CSS 中定义元素的样式变化. <style> a:disabled{ text-decoration: none; } a[pageLoading]{ color: red; } a[pageLoading]:disabled{ display: none; } </style>
下面是遨游css片段:
/*
Frameless Window Mode support
*/
body[winFrameless] {
background: #7792AC url(images/win_bg.png) expand;
background-position: 32 6 6 6;
background-repeat: stretch-left stretch-right stretch-middle;
}
body[winFrameless][winMaximized] {
background: #A6C1D9;
background-image: none;
}
下面是遨游html片段:
<!-- Window Body -->
<body mx-listen="winFrameless winMaximized privateMode devVersion">
|