如何在Swift中为UIWebView添加点击手势识别器并处理点击事件

嘿，我来帮你搞定这个问题！不过先给个重要提醒：UIWebView早在iOS 12就被苹果官方弃用了，新项目强烈建议迁移到WKWebView——它不仅性能更好、更安全，手势处理的灵活性也更高。但既然你明确问的是UIWebView，我还是给你详细的实现步骤，同时也会提到需要注意的坑。

基本实现步骤 #

1. 创建并添加手势识别器 #

首先，假设你已经在代码或Storyboard中创建了一个UIWebView实例（比如叫webView），在viewDidLoad方法里创建UITapGestureRecognizer并添加到WebView上：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 初始化点击手势，指定触发时调用的方法
    let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleWebViewTap(_:)))
    // 将手势添加到UIWebView
    webView.addGestureRecognizer(tapGesture)
}

2. 实现点击事件处理方法 #

接下来，编写处理点击事件的方法，这里你可以加入自己的业务逻辑：

@objc private func handleWebViewTap(_ gesture: UITapGestureRecognizer) {
    // 这里写你的点击事件逻辑，比如弹出提示、跳转页面等
    print("UIWebView被点击啦！")
}

解决手势冲突问题 #

UIWebView自身带有手势识别（比如点击链接、缩放等），直接添加我们的手势会和它自带的手势冲突——比如点击网页链接时，我们的手势会触发，但WebView的跳转可能失效。解决这个问题需要借助UIGestureRecognizerDelegate：

1. 遵循代理协议 #

让你的ViewController遵循UIGestureRecognizerDelegate协议：

class YourViewController: UIViewController, UIGestureRecognizerDelegate {
    // 你的现有代码...
}

2. 设置手势的代理 #

回到创建手势的代码，给tapGesture设置代理：

tapGesture.delegate = self

3. 实现代理方法允许同时识别手势 #

添加下面的代理方法，让系统允许我们的手势和WebView自带的手势同时触发：

func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
    // 返回true表示允许两个手势同时识别，这样WebView的默认操作（比如点击链接）不会被打断
    return true
}

进阶：只响应空白区域的点击 #

如果你只想在用户点击WebView的空白区域时触发自己的手势，可以通过JavaScript配合判断点击的元素：

修改handleWebViewTap方法如下：

@objc private func handleWebViewTap(_ gesture: UITapGestureRecognizer) {
    // 获取点击位置在WebView中的坐标
    let touchPoint = gesture.location(in: webView)
    // 转换为网页内的坐标（适配WebView的缩放和滚动）
    let webCoordinate = webView.convert(touchPoint, to: webView.scrollView)
    
    // 执行JavaScript判断点击的元素是否为空白区域
    let jsScript = """
        function isBlankArea(x, y) {
            const element = document.elementFromPoint(x, y);
            // 判断元素是否是body，或者不是可交互元素（链接、按钮等）
            return element.tagName === 'BODY' || 
                   (element.tagName !== 'A' && element.tagName !== 'BUTTON' && !element.onclick);
        }
        isBlankArea(\(webCoordinate.x), \(webCoordinate.y));
    """
    
    // 执行JS并获取结果
    webView.stringByEvaluatingJavaScript(from: jsScript) { [weak self] result, error in
        guard let isBlankTap = result as? Bool, isBlankTap else {
            print("点击了网页中的可交互元素，不触发自定义逻辑")
            return
        }
        // 空白区域点击的逻辑
        print("点击了WebView空白区域！")
        self?.doYourBlankAreaAction()
    }
}

// 示例：空白区域点击后的自定义方法
private func doYourBlankAreaAction() {
    // 这里写你的业务逻辑
}

最后再啰嗦一句 #

真的建议你尽快迁移到WKWebView，苹果已经不再维护UIWebView，它存在安全漏洞和性能瓶颈。如果需要WKWebView的手势处理方案，我也可以给你补充哦～

内容的提问来源于stack exchange，提问作者Masoud Roosta