检测何时在UIWebView中打开/关闭本机选择窗口小部件

Question

当用户单击UIWebView的select框时，带有可用选项的本机弹出窗口显示在屏幕底部。 网页内容向上滚动以为该弹出窗口腾出空间。

尽管body.scrollTop的值确实发生了变化，但滚动时似乎没有触发DOM事件。 有什么方法可以检测到何时打开弹出窗口，还是必须使用setInterval来轮询并监视scrollTop变化？

Answer 1

我很惊讶滚动事件没有触发。 MDN具有可以绑定的事件列表 ，可能会对您有所帮助。

我突然想到，您可以绑定到mouseup和select上的input / change事件，并在它们的回调中确定当用户与select交互时scrollTop是什么。 如果您需要跟踪多个选择，则可以将事件委托给正文，以避免创建其他侦听器。

轮询可以正常工作，但与在选择本身上添加一些事件侦听器相比，效率要低得多，因此希望您可以找到一个有效的事件。

希望有帮助！

Answer 2

您可以通过使用WebView委托在UIPicker上设置侦听器来实现。 然后，此侦听器可以在您的JS中调用适当的函数：

class ViewController: UIViewController, UIWebViewDelegate {

    @IBOutlet weak var webView: UIWebView!

    ...

    // UIWebViewDelegate protocol for WebView load
    func webViewDidFinishLoad(webView: UIWebView!) {
        // Set observer for keyboard load event
        NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillShow:", name: UIKeyboardWillShowNotification, object: nil)
    }

    func keyboardWillShow(sender: NSNotification){
        // Call JavaScript function in the WebView
        webView.stringByEvaluatingJavaScriptFromString("yourJSFunction()")
    }
}