`

App Framework框架之绑定事件(1)

阅读更多

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 used
missingpanel - 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.
分享到:
评论

相关推荐

    appframework-master.zip

    **AppFramework 框架详解** AppFramework 是一个强大的JavaScript框架,主要应用于开发跨平台的Web应用程序。这个框架以其高效、轻量级和模块化的特点,深受开发者喜爱。"appframework-master.zip" 文件包含了该...

    appframework开发文档

    AppFramework,又称为 jqMobi,是一个轻量级的JavaScript框架,专为移动应用开发设计。它集成了jQuery的最佳实践,提供了丰富的UI组件和强大的功能,使得开发者能够快速构建高性能、跨平台的移动应用。本开发文档将...

    appframework

    在AppFramework中,核心概念是通过事件驱动和数据绑定来简化应用程序开发。它提供了一个基于MVVM(Model-View-ViewModel)设计模式的结构,这使得开发人员可以更专注于业务逻辑,而不用过多关注DOM操作。MVVM模式...

    appframework-3.0beta

    在移动应用开发领域,AppFramework 3.0 Beta 的发布无疑为开发者带来了一个全新的工具和框架选择。这个测试版本标志着该框架在功能和性能上的进一步提升,为构建高效、跨平台的移动应用提供了坚实的基础。接下来,...

    appframework分开写html

    AppFramework是一款轻量级的JavaScript框架,旨在简化Web应用程序的开发。它的核心理念是通过模块化和组件化的方式来组织代码,提高代码的可维护性和复用性。在“appframework分开写html”的场景中,我们可以理解为...

    appframework jqmobi demo

    在移动应用开发领域,AppFramework和JqMobi是两个备受开发者喜爱的轻量级框架。它们为开发者提供了便捷的工具,使得创建功能丰富的、跨平台的移动应用变得更加简单。本篇文章将深入探讨这两个框架的特性以及如何结合...

    jqmobi app-framework-2.1.0

    3. **数据绑定和模板引擎**:为了简化数据驱动的开发,App Framework 可能集成了数据绑定和模板引擎,允许开发者将视图和模型分离,从而更方便地管理和更新视图内容。 4. **异步编程**:考虑到移动应用中网络请求的...

    phonegap+html+appframework

    AppFramework 是一款轻量级的前端框架,旨在简化移动应用的开发流程。结合这三者,我们可以快速构建一个功能丰富的移动应用。 1. **PhoneGap的使用** - 安装与配置:首先,你需要在本地安装PhoneGap CLI,通过npm...

    play framework 框架手册 word 版

    《Play Framework 框架手册》是一份深入介绍Play框架的文档,主要涵盖了从基础概念到高级特性的全面内容,适合初学者和经验丰富的开发者参考。以下是对手册中部分核心知识点的详细阐述: 1. **MVC应用程序模型**:...

    eXpress AppFramework 8.3.2源码

    eXpress AppFramework(简称XAF)是由DevExpress公司开发的一款强大的.NET框架,用于构建高效、可扩展的企业级应用程序。在版本8.3.2中,它提供了全面的源代码和编译脚本,为开发者提供了深入理解框架内部工作原理的...

    AppFramework:安卓应用程序开发框架

    2. **数据绑定与MVVM模式**:AppFramework支持数据绑定,鼓励使用MVVM(Model-View-ViewModel)设计模式,这有助于分离视图层和业务逻辑,使代码结构更清晰,易于测试和维护。 3. **网络请求库集成**:框架集成了...

    Weex AppFramework架构设计和独立App构建实战 宁栗.pdf

    2. **AppFramework**: Weex AppFramework 是整个框架的基础,它负责解析DSL,将HTML/JS/CSS转换为可被不同平台(iOS、Android和H5)理解和执行的代码。这个框架包括了渲染引擎、虚拟DOM、JS Bridge等关键组件。 3. ...

    uni-app-framework.rar

    3. 事件处理:通过`v-on`指令绑定事件监听器,可以在组件上响应用户的交互行为。 4. 路由跳转:uni-app提供了`uni.navigateTo`、`uni.reLaunch`等API进行页面间的导航。 5. 网络请求:uni-app提供了`uni.request`...

    Weex AppFramework架构设计和独立App构建实战

    - **Virtual DOM**:Weex利用Virtual DOM来实现高效的数据绑定和组件渲染。 - **Render Engine**:Weex的渲染引擎在不同的平台上有不同的实现,例如iOS和Android上分别是自己的RenderEngine。这些引擎负责将Virtual ...

    机智云公版开源App-智能插座Android版

    com.gizwits.framework -机智云设备开源APP框架,包含除控制界面Activity外的代码,暂时机智云实验室中的其他开源APP所用框架一致 com.gizwits.framework.activity -机智云设备开源APP框架相关...

    appFramework7

    框架提供了丰富的API和插件系统,使得开发者可以轻松实现常见功能,如路由管理、数据绑定、事件监听、动画控制等。例如,通过`app.navigate()`方法可以实现页面间的跳转,`app.preloader.show()`和`.hide()`用于显示...

    app framwork另一种定义头部底部的方法

    在移动应用开发中,App Framework 是一款常用的框架,它提供了构建高效、响应式以及易于维护的应用程序的工具和方法。本文将深入探讨标题所提及的“另一种定义头部底部的方法”,尤其是如何通过`title`来定义头部,...

    ApacheWeex一个构建移动跨平台App的UI框架

    在JavaScript开发领域,Weex采用了Vue.js(早期版本)作为其主要的前端框架,使得开发者能够利用熟悉的数据绑定和组件化机制来构建应用。这为前端开发者提供了便利,因为他们无需深入学习新的编程语言或工具就能快速...

    frameworkApp.zip

    在移动应用开发领域,uniapp已经成为了许多开发者首选的框架之一。它以其跨平台、高效能以及丰富的组件库而受到赞誉。uniapp是由DCloud(数字天堂)推出的一款基于Vue.js开发的多端统一框架,能够实现一次编写,多端...

    Swift App Framework for Java-开源

    Swift App Framework for Java 是一个专为Java开发者设计的开源框架,旨在加速桌面应用程序的开发流程。这个框架提供了丰富的功能,让开发者能够更高效地构建出具有现代化用户界面的桌面应用,而无需从头开始编写...

Global site tag (gtag.js) - Google Analytics