javascript - 如何获取 UIWebView 中选定文本的坐标？

Question

我有简单UIWebView的加载 html 文件。我想显示PopOverController指向所选文本的指针，例如 -

.

我想要coordinates从中选择的文本UIWebView。如果我将scalesPageToFit属性设置为UIWebViewto NO，则此链接可以正常工作。如果我将scalesPageToFit属性设置为UIWebViewto YES，那么它会失败。

任何人都请帮我解决我的问题。

Answer 1

首先像这样删除本机长按手势识别器：

for(UIGestureRecognizer *gesRecog in yourWebView.gestureRecognizers)
    {
        if([gesRecog isKindOfClass:[UILongPressGestureRecognizer class]])
        {
            [startTF removeGestureRecognizer:gesRecog];
        }
    }

然后分配一个自定义的：

    UILongPressGestureRecognizer *myOwnLongPressRecog = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(handleWebViewLongpress:)];

        // set numberOfTapsRequired and numberOfTouchesRequired as per your requirement:       

[yourWebView addGestureRecognizer:myOwnLongPressRecog];

// 像这样处理长按：

 - (void) handleWebViewLongpress: (UIGestureRecognizer *) recog
    {
     int zoomedWidth = [[yourWebView stringByEvaluatingJavaScriptFromString:@"window.innerWidth"] intValue];

        CGFloat scale = yourWebView.frame.size.width / zoomedWidth;  // get the scaled value of your web view

        CGPoint zoomedCords = [gesture locationInView:self.webView];

        zoomedCords.x /= scale; // Normal math. Divide by the scale to get the real thing.
        zoomedCords.y /= scale;

NSLog(@"%@", zoomedCords);

            }

Answer 2

这必须几乎完全在 JavaScript 中完成，然后将结果传递回 Objective C。如果您可以控制所显示的内容，则可以将此函数添加到<script>标记中。否则，您将需要按照本文所述注入它。

function rectsForSelection() {
    var i = 0, j = 0;
    var allSelections = window.getSelection();
    var result = []; // An empty array right now
    // Generally, there is only one selection, but the spec allows multiple
    for (i=0; i < allSelections.rangeCount; i++) {
        var aRange = allSelections.getRangeAt(i);
        var rects = aRange.getClientRects();
        for (j=0; j<rects.length; j++) {
            result.push(rects[j]);
        }
    }
    return JSON.stringify(result);
}

然后从您的目标 C 代码中，您使用执行以下操作：

NSString *rectsString = [webView stringByEvaluatingJavaScriptFromString:@"rectsForSelection();"];
NSData *rectsData = [rectsString dataUsingEncoding:NSUTF8StringEncoding];
NSArray *rects = [NSJSONSerialization JSONObjectWithData:rectsData
                                                 options:0
                                                   error:NULL]; //Do Your Own Error Checking

我要补充一点，这将获得在您的有效坐标，而webView.scrollView不是在您的webView.

Answer 3

你试过吗？

UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(getCoordinates:)];
//  [longPress setMinimumPressDuration:1];
[yourWebView addGestureRecognizer:longPress];


- (void)getCoordinates:(UILongPressGestureRecognizer *)sender {

CGPoint location = [sender locationInView:self.view];
NSLog(@"Tap at %1.0f, %1.0f", location.x, location.y);

}

Answer 4

UIWebView 实际上将 HTML 渲染到 UIViews 中，特别是它可能会将可选择的文本渲染到 UITextView 中，所以你要做的就是尝试使用正确的视图的委托方法。

这是一个应该有效的黑客：

1. 等到 web 视图完全加载。
2. 如 Ole Begemann所述，遍历 UIWebView 的子视图。
3. 一旦你到达一个 UITextView 点击它的委托方法，你可以做一些类似于委托链的事情来获得这个 -这是一篇关于它的帖子
4. 实现UITextViewDelegate方法textViewDidChangeSelection:以获取 selectedRange 并与之交互。

** 步骤 3 和 4 的替代方法是使用 KVO 来监听 textView 的 selectedRange 的变化。