使用Phonegap - 覆盖Blackberry OnScreen键盘“下一步”和“提交”按钮

时间:2013-10-15 07:21:54

标签: jquery cordova blackberry-10 blackberry-webworks

使用Phonegap - 覆盖Blackberry OnScreen键盘“下一步”和“提交”按钮。

我创建了一个phongap应用程序,它是一个简单的Web表单。

平台:黑莓10 设备: - BB Q10

在表单字段中输入文本时,黑莓“上一页”,“下一页”和“提交”上会出现三个按钮。 单击“提交”时,将导致页面刷新。

在Blackberry浏览器上打开Facebook注册页面时,也可以看到相同的错误/功能。

如何使用phongap,jQuery覆盖这两个按钮的功能,或者可以开发一个原生黑莓插件?

对于每个人的参考我附上一张显示这些按钮的图像

On a Blackberry 10 keyboard there are two "Submit" buttons one at the bottom which works fine and fires the form submit request and other one are these which is shown in image below and on clicking causes the page to refresh.

注意: - 在黑莓10键盘上有两个“提交”按钮,一个在底部工作正常并触发表单提交请求,另外一个是这些显示在图像上方和点击导致页面刷新

我也尝试使用jQuery,但即使我做了防止默认或停止传播,刷新也会触发。

$( "#target" ).keypress(function( event ) { if ( event.which == 13 ) { event.preventDefault(); } $.print( event );

});

http://jsfiddle.net/M66un/

2 个答案:

答案 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执行此操作,但我认为无法覆盖它们。