使用Phonegap - 覆盖Blackberry OnScreen键盘“下一步”和“提交”按钮。
我创建了一个phongap应用程序,它是一个简单的Web表单。
平台:黑莓10 设备: - BB Q10
在表单字段中输入文本时,黑莓“上一页”,“下一页”和“提交”上会出现三个按钮。 单击“提交”时,将导致页面刷新。
在Blackberry浏览器上打开Facebook注册页面时,也可以看到相同的错误/功能。
如何使用phongap,jQuery覆盖这两个按钮的功能,或者可以开发一个原生黑莓插件?
对于每个人的参考我附上一张显示这些按钮的图像
注意: - 在黑莓10键盘上有两个“提交”按钮,一个在底部工作正常并触发表单提交请求,另外一个是这些显示在图像上方和点击导致页面刷新
我也尝试使用jQuery,但即使我做了防止默认或停止传播,刷新也会触发。
$( "#target" ).keypress(function( event ) { if ( event.which == 13 ) { event.preventDefault(); } $.print( event );
});
答案 0 :(得分:1)
我只是reiterated your question on the BB forums,我得到的答案是:
您可以通过将此添加到config.xml来禁用该栏:
<preference name="HideKeyboardFormAccessoryBar" value="true"/>
它无法解决捕获/覆盖BB键盘提交按钮的问题,但隐藏条形图已足以满足我的需求,因此我认为它也可能适用于您的。
答案 1 :(得分:0)
根据您的jsFiddle,根本原因是您的表单没有提交操作。我已更新您的jsFiddle以使该按钮复制表单控件的行为。
您可以通过向表单元素添加action属性来修复bahaviour,即<field action="foo" method="post">
如果要禁用表单控件,可以使用config.xml执行此操作,但我认为无法覆盖它们。