javascript - iOS WKWebView 选项选择触发太迟

标签 javascript html ios xcode wkwebview

我将 WKWebview 用于存在于我的网络应用程序中的注册表单。有一个下拉菜单(选项+选择)来选择学生的“学位”。

当您选择该项目时,没有任何反应。

当您在 iOS 键盘上按下“完成”时,除了键盘放下之外没有任何反应

最后,当您重新选择下拉列表时,值会正确更新。
我通过放置一些 javascript 验证这不仅仅是一个视觉问题,而是一个值(value)问题:

$('select').on('change', function() {
    window.webkit.messageHandlers.js.postMessage(`SELECTED `+this.value);
});

这通过在 xcode 中显示一条消息来确认我的问题,不是在我选择时,不是在我关闭键盘时,而是在我第二次重新选择下拉菜单时。

不知道是什么原因造成的,也不知道如何解决。有什么想法吗?
这是一个视频:https://streamable.com/1sry8

最佳答案

通常这应该有效。

也许您可以从一个最小的示例开始,然后添加更多功能并在它出错时查看。

最小示例

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="viper">Viper</option>
  <option value="mamba">Mamba</option>
  <option value="cobra">Cobra</option>
  <option value="coastaltaipan">Coastal Taipan</option>
</select>

</body>
</html>

从 WKWebView 调用

select WKWebView demo

关于javascript - iOS WKWebView 选项选择触发太迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53746914/

相关文章:

HTML5 Canvas 在 div 容器中时显示问题

ios - 在 SceneKit 中播放视频的最佳方式是什么?

iphone - 短信和电话的 URL Scheme

javascript - 仅将重复项从数组推送到新数组(以便它们可以加在一起)

javascript - 在 Colorbox 中执行 JS(或其他 jQuery 插件)?

javascript - 从 AJAX 返回 JSON 对象获取某些值

html - CSS 问题 : How to make the images in a <table> made of images touch vertically?

javascript - 无法获取 onclick 事件来触发我在 javascript 中的功能

php - 通过触发提交按钮之一来提交 jquery 中的表单

ios - Swift - 将 nil 核心数据字符串转换为可选值