App Framework是intel公司开发的一个web app框架
官网:http://app-framework-software.intel.com/af22
有如下事件:
tap ? ? ? ? ? ? ? ? ?Tap on the element
singleTap ? ? ? ? ? ?Single tap on the elem (250ms delay after tap is triggered)
doubleTap ? ? ? ? ? ?Double tap (quick) on the element
longTap ? ? ? ? ? ? ?Long press on the element
swipe ? ? ? ? ? ? ? ?The element was swiped (30px threshold)
swipeLeft ? ? ? ? ? ?The element was swiped left
swipeRight ? ? ? ? ? The element was swiped right
swipeUp ? ? ? ? ? ? ?The element was swiped up
swipeDown ? ? ? ? ? ?The element was swiped down
?
绑定事件
?
$("#element").bind("doubleTap",function(){});$('#label_toggle_passwd').bind("tap",function(){ toggleCheckbox(document.getElementById('showpw'));})?App Framework UI ?基于ZeptoJS*触屏库提供了多种触屏事件 ?,以下是你可以注册监听的事件列表
?
tap //类似于普通的 click
singleTap //点一次
doubleTap //连续点两次
longTap //长按
swipe //滑屏
swipeLeft //左滑屏
swipeRight //右滑屏
swipeUp //上滑屏
swipeDown //下滑屏
The swipe event is always triggered with the direction of the swipe. The tap event is always triggered when singleTap, doubleTap or longTap are dispatched.
?
Events
Below are the following events triggered in App Framework UI.?
1 | $.ui.load - This event is fired once when App Framework UI is loaded and ready to go. |
These events are only triggered on the window object
1 2 3 | hashchange - This event is fired when the a panel has been changed.orientationchange - This event is fired when the page rotates.afui:init - This event fires when then $.ui object has been initialized |
These events are triggered on the document.
1 2 | afui:ready - App Framework UI has launched and ready to be usedmissingpanel - This event is fired when the panel was not found in the DOM |
These events are triggered on a DOM node. They will bubble up.
1 2 3 4 5 6 7 | unloadpanel? - This event is fired when a panel has been unloaded.loadpanel? - This event is fired when a panel has been loaded.tap? - This event is fired when tap event happened on a node.? It is similar to a click event.doubleTap? - This event is firedd when a DOM node is double tapped.singleTap? - This event is fired when a node is single tapped.? There is a delayed trigger for this event.longTap? - This event is fired when a user holds down a tapped a node for over 750 milliseconds.swipe - This event is fired when a user swipes a DOM node. |
These events are triggered by a scroller object. These events are handled using $.trigger and $.bind. These events will not bubble.
1 2 3 4 5 6 7 8 9 10 11 12 | refresh-release? - This event is fired when a scroller object pull to refresh has been released.refresh-cancel - This event is fired when a refresh has been triggered, but a user scrolls then we cancel it.refresh-trigger - This event is fired when a refresh request has happened on the scroller.refresh-finish - This event is fired when a refresh has been processed and finished.? infinite-scroll - This event is fired? when a scroller has hit the end of the content and is requesting more info.infinite-scroll-end - This event is fired when a scroller has stopped scrolling after triggering an infinit-scroll event.? scrollstart - This event is fired when a scroller object starts scrolling.scrollend - This event is fired when a scroller stops scrolling.? swipeLeft/swipeRight/swipeDown/swipeUp - These events are fired in response to a swipe event.? They indicate the direction of the swipe. |