sencha touch 表单组件监听软键盘事件

最新推荐文章于 2019-01-08 14:28:28 发布

原创最新推荐文章于 2019-01-08 14:28:28 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sencha touch #键盘事件监控

sencha touch 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在使用Ext框架进行表单设计时，如何通过监听系统软件盘的提交按钮事件来提升用户体验的方法。这种方法避免了用户在输入完成后还需要手动关闭键盘并点击额外提交按钮的不便。

用Ext.form.Panel做表单时，经常会专门添加一个提交按钮来响应用户的提交操作。但这样设计，从用户体验来讲，用户在输入完信息后，需要手动关闭键盘，再添加提交按钮，非常不方便，如果我们能监听到系统软件盘的提交按钮事件就可以判断用户提交操作，提升用户体验。

监控方法如下：

{
	xtype : 'textfield',
	listeners : {
                // 监控键盘事件
		'keyup' : function(text, e, eOpts){
                        // 过滤特殊字符
			text.setValue(text.getValue().replace(/[^\d\w\u0020\u4E00-\u9FA5]/g,''));
			if(e.event.keyIdentifier == 'Enter'){   // 标识软件盘提交按钮
				text.up('#_SearchResult').search();// 执行对应的提交操作
			}
		}
	}
}

Ext.form.field中的其他组件也可采用此方式进行软件盘事件监控