`
thierry.xing
  • 浏览: 665091 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
580fa9c1-4a0c-3f40-a55a-c9256ce73302
Sencha Touch中...
浏览量:0
社区版块
存档分类
最新评论

Sencha Touch 按钮点击事件穿透到下一层的解决方法

 
阅读更多

今天遇到一个问题,对一个按钮进行tap事件监听处理时,如果按钮下面的element正好也有tap事件,那么tap事件会继续执行到下面的element上面,导致bug出现。

 

解决方案:在按钮的tap处理事件加上e.stopEvent();

 

	/**
	 * 发送按钮
	 */
	onBtnSendTap : function(btn, e) {
		// 处理点击事件
		e.stopEvent();
	},

 

分享到:
评论

相关推荐

    sencha touch 登陆界面

    创建一个控制器,定义一个监听登录按钮点击的事件,获取TextField的值,然后使用Store的sync方法发送数据到服务器。同时,定义处理服务器响应的回调函数,根据结果展示反馈信息或执行相应操作。 5. 配置路由...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    Sencha Touch 是一款专为移动设备开发的前端框架,它提供了丰富的组件和API,使得开发者可以轻松构建跨平台的触控应用。这个压缩包“touch-docs-2.2.1.zip”包含了Sencha Touch 2.2.1版本的离线API参考文档,对于...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    Sencha Touch in Action

    《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...

    sencha touch项目源码

    5. **触摸事件**:由于Sencha Touch面向移动设备,它提供了一系列触摸事件,如tap、swipe、doubletap等,以适应触屏操作。 现在,我们来看看`CityQingBao`这个项目的具体知识点: 1. **应用结构**:项目可能包含了...

    sencha touch list demo

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库,用于构建高性能的触屏Web应用。在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的...

    一个完整的sencha touch 应用案例

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些...

    senchaTouch和fusioncharts结合的实例

    Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    Sencha Touch开发的项目《般若人生》源码

    通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...

    sencha touch 2.4.0最新版

    6. **触摸事件**:Sencha Touch专门针对触摸设备进行了优化,2.4.0版本可能对触摸事件处理进行了优化,提升了手势识别的准确性和稳定性。 7. **国际化与本地化**:为了满足全球用户的需求,2.4.0版本可能增强了国际...

    Sencha Touch MVC 模式

    例如,我们可能需要在用户点击一个按钮时加载用户数据: ```javascript Ext.define('MyApp.controller.Users', { extend: 'Ext.app.Controller', config: { refs: { userPanel: 'userpanel' }, control: { '...

    sencha touch在VScode上的插件

    Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...

    sencha touch

    ### Sencha Touch 相关...无论是基本的 UI 元素还是高级的数据管理功能,Sencha Touch 都提供了成熟且易于使用的解决方案。对于希望利用 Web 技术栈快速开发高质量移动应用的开发者来说,Sencha Touch 绝对值得一试。

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    Sencha Touch2 MVC Demo (含源码/数据库)

    Sencha Touch 2 是一个流行的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件、数据管理和触摸事件处理,使得开发者可以创建与原生应用类似的交互体验。MVC(Model-View-Controller)架构模式...

    sencha touch 实例

    以上内容仅是Sencha Touch开发的入门介绍,实际应用中还需要学习更多的组件、布局、数据绑定、事件处理等高级概念。Sencha Touch提供了丰富的API和组件库,可以构建复杂的交互式移动应用。随着学习深入,开发者可以...

Global site tag (gtag.js) - Google Analytics