I've been searching for a long time, but so far I haven't found a working solution for PhoneGap/Cordova applications that show the soft keyboard programmatically.
Scenario:
We have a PhoneGap application - a website created in jQuery Mobile - that displays a dialog to users at one point. This dialog is also a webpage, and it contains only one input text box where users enter a code.
Problem:
When the code dialog appears, the input box is focused using JavaScript. However, due to the restrictions on the iPhone's internal browser, the soft keyboard will not appear until the user actually clicks inside the input text box.
What we have tried:
编辑：这个问题中提到的限制仅适用于内置浏览器 ...如果你在使用Opera浏览器，则可以使用以下代码成功：
Scenario:
We have a PhoneGap application - a website created in jQuery Mobile - that displays a dialog to users at one point. This dialog is also a webpage, and it contains only one input text box where users enter a code.
Problem:
When the code dialog appears, the input box is focused using JavaScript. However, due to the restrictions on the iPhone's internal browser, the soft keyboard will not appear until the user actually clicks inside the input text box.
What we have tried:
- 创建一个隐藏文本框并将其设置为第一响应者
- 一旦通过JavaScript接收到输入焦点，使实际的Web视图成为第一响应者
- 使用sendActionsForControlEvents尝试向Web视图传递触摸事件（如果有人有PhoneGap应用程序的工作代码，请分享，因为我不是iOS编码的专业人员）
有什么想法吗？
编辑：这个问题中提到的限制仅适用于内置浏览器 ...如果你在使用Opera浏览器，则可以使用以下代码成功：
var e = jQuery.Event("keydown", { keyCode: 37 });
$('#element').focus().trigger(e);
编辑2：这是一个最终可用于插件的工作PhoneGap代码:
keyboardhelper.h
//
// keyboardHelper.h
// soft keyboard displaying plugin for PhoneGap
//
// Copyright 2012 Martin Ambrus.
//
#import <Foundation/Foundation.h>
#ifdef CORDOVA_FRAMEWORK
#import <Cordova/CDVPlugin.h>
#else
#import "CDVPlugin.h"
#endif
@interface keyboardHelper : CDVPlugin {
NSString *callbackID;
}
@property (nonatomic, copy) NSString *callbackID;
- (void)showKeyboard:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options;
@end
keyboardhelper.m
//
// keyboardHelper.m
// soft keyboard displaying plugin for PhoneGap
//
// Copyright 2012 Martin Ambrus.
//
#import "keyboardHelper.h"
#import "AppDelegate.h"
@implementation keyboardHelper
@synthesize callbackID;
-(void)showKeyboard:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options {
self.callbackID = [arguments pop];
//Get text field coordinate from webview. - You should do this after the webview gets loaded
//myCustomDiv is a div in the html that contains the textField.
int textFieldContainerHeightOutput = [[((AppDelegate *)[[UIApplication sharedApplication] delegate]).viewController.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"myCustomDiv\").offsetHeight;"] intValue];
int textFieldContainerWidthOutput = [[((AppDelegate *)[[UIApplication sharedApplication] delegate]).viewController.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"myCustomDiv\").offsetWidth;"] intValue];
int textFieldContainerYOffset = [[((AppDelegate *)[[UIApplication sharedApplication] delegate]).viewController.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"myCustomDiv\").offsetTop;"] intValue];
int textFieldContainerXOffset = [[((AppDelegate *)[[UIApplication sharedApplication] delegate]).viewController.webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"myCustomDiv\").offsetLeft;"] intValue];
UITextField *myTextField = [[UITextField alloc] initWithFrame: CGRectMake(textFieldContainerXOffset, textFieldContainerYOffset, textFieldContainerWidthOutput, textFieldContainerHeightOutput)];
[((AppDelegate *)[[UIApplication sharedApplication] delegate]).viewController.webView addSubview:myTextField];
myTextField.delegate = self;
CDVPluginResult* pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString: @"ok"];
[self writeJavascript:[pluginResult toSuccessCallbackString:self.callbackID]];
}
-(BOOL)textFieldShouldReturn:(UITextField *)textField
{
//here you create your request to the server
return NO;
}
-(BOOL)textFieldDidEndEditing:(UITextField *)textField
{
//here you create your request to the server
return NO;
}
@end
JavaScript
var keyboardHelper = {
showKeyboard: function(types, success, fail) {
return Cordova.exec(success, fail, "keyboardHelper", "showKeyboard", types);
}
};