我有一个带有一些基本 html 的 UIWebView,它充当一个简单的编辑器。
// in initWithFrame: of UIView subclass.
_editorHTML = [@"<!doctype html>"
"<html>"
"<head>"
"<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">"
"<style type=\"text/css\">"
"#content { font-family:Arial, Helvetica, sans-serif; font-size:1em; } "
"</style>"
"<script type=\"text/javascript\">"
"function load()"
"{"
" window.location.href = 'ready://' + document.body.offsetHeight;"
"}"
"</script>"
"</head>"
"<body id=\"bodyDiv\" onload=\"load()\">"
"<div id=\"content\" contenteditable=\"true\">%@</div>"
"</body>"
"</html>" retain];
_webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
_webView.delegate = self;
_webView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
_webView.scrollView.bounces = NO;
[_webView loadHTMLString:[NSString stringWithFormat:_editorHTML, @""] baseURL:[NSURL fileURLWithPath:directory]];
- (BOOL) webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
NSURL *url = [request URL];
if (navigationType == UIWebViewNavigationTypeOther) {
if ([[url scheme] isEqualToString:@"ready"]) {
int height = (int)_webView.frame.size.height;
[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"document.getElementById('content').style.minHeight = '%dpx'", height - WEBVIEW_DIVHEIGHT_OFFSET]];
return NO;
}
}
return YES;
}
那么,如何确定 div 中的光标位置,以便更新我的 scrollView 以确保内容在 UIKeyboard 上方可见,从而不必让用户手动滚动以保持文本可见?
最佳答案
您可以从选择中获取所选范围并使用其 getClientRects()
方法。
现场演示:http://jsfiddle.net/timdown/xMEjD/
代码:
function getCaretClientPosition() {
var x = 0, y = 0;
var sel = window.getSelection();
if (sel.rangeCount) {
var range = sel.getRangeAt(0);
if (range.getClientRects) {
var rects = range.getClientRects();
if (rects.length > 0) {
x = rects[0].left;
y = rects[0].top;
}
}
}
return { x: x, y: y };
}
关于javascript - 在 UIWebView 的 div 中找到光标位置的 y 坐标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11126047/