`

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

阅读更多

用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中的其他组件也可采用此方式进行软件盘事件监控

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics