iOS Objective-C中如何检测HTML按钮的点击事件？

当然可行啦！作为iOS新手，确实容易在WKWebView和JavaScript交互这块踩坑，我给你整理了两种亲测有效的实现方法，照着做肯定能搞定～

这是目前iOS处理WebView和JS交互的标准方式，基于WKWebView（UIWebView已经被苹果弃用了，别再用啦），步骤很清晰：

1. 配置WKWebView并添加消息处理器
   首先确保你的ViewController遵循WKScriptMessageHandler协议，然后初始化WKWebView的时候，给它的配置里添加一个脚本消息处理器，指定一个唯一的名字（比如buttonClicked），用来接收HTML按钮的点击消息。

   Swift代码示例：

   import UIKit
   import WebKit
   
   class ViewController: UIViewController, WKScriptMessageHandler {
       var webView: WKWebView!
   
       override func viewDidLoad() {
           super.viewDidLoad()
           
           let config = WKWebViewConfiguration()
           // 添加脚本消息处理器，名字要和HTML里的对应
           config.userContentController.add(self, name: "buttonClicked")
           
           webView = WKWebView(frame: view.bounds, configuration: config)
           view.addSubview(webView)
           
           // 加载HTML（这里以本地HTML为例，也可以加载远程URL）
           let htmlString = """
           <html>
               <body>
                   <button onclick="sendMessageToiOS()">点击我测试</button>
                   <script>
                       function sendMessageToiOS() {
                           // 给iOS发送消息，名字要和配置里的一致
                           window.webkit.messageHandlers.buttonClicked.postMessage("按钮被点击啦！");
                       }
                   </script>
               </body>
           </html>
           """
           webView.loadHTMLString(htmlString, baseURL: nil)
       }
       
       // 实现协议方法，接收来自JS的消息
       func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
           if message.name == "buttonClicked" {
               print("收到HTML按钮点击消息：\(message.body)")
               // 这里写你需要的iOS端逻辑，比如弹出提示框
               let alert = UIAlertController(title: "提示", message: "HTML按钮被点击了！", preferredStyle: .alert)
               alert.addAction(UIAlertAction(title: "确定", style: .default))
               present(alert, animated: true)
           }
       }
       
       // 记得在销毁时移除处理器，避免循环引用
       deinit {
           webView.configuration.userContentController.removeScriptMessageHandler(forName: "buttonClicked")
       }
   }
   

2. HTML里的按钮点击逻辑
   给按钮绑定点击事件，调用window.webkit.messageHandlers.你的处理器名字.postMessage()，可以传递字符串、字典等数据给iOS端。

如果是维护旧项目用了UIWebView，或者有特殊需求，可以用这种方式：给HTML按钮的点击事件设置跳转一个自定义的URL Scheme（比如myapp://buttonclick），然后在WebView的代理方法里拦截这个URL，判断是不是我们自定义的，从而处理点击事件。

Swift代码示例（用WKWebView的话）：

// 在ViewController里添加WKNavigationDelegate协议
extension ViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        guard let url = navigationAction.request.url else {
            decisionHandler(.allow)
            return
        }
        // 拦截自定义URL Scheme
        if url.scheme == "myapp" && url.host == "buttonclick" {
            print("HTML按钮被点击了！")
            // 处理逻辑...
            decisionHandler(.cancel) // 取消跳转，避免WebView报错
            return
        }
        decisionHandler(.allow)
    }
}

// 初始化WebView时设置代理
webView.navigationDelegate = self

// 对应的HTML代码
let htmlString = """
<html>
    <body>
        <button onclick="window.location.href='myapp://buttonclick'">点击我测试</button>
    </body>
</html>
"""

• 用方法一的时候，一定要在deinit里移除脚本消息处理器，不然会导致循环引用，内存泄漏！
• HTML里的处理器名字必须和iOS端配置的完全一致，大小写也要注意哦～
• 如果是加载远程HTML页面，要确保前端同学和你约定好消息名字和数据格式，避免对接出错。

内容的提问来源于stack exchange，提问作者Anshul Khare