javascript - 需要使用javascript识别iOS编辑键盘中的 'Done'按钮单击

Question

从图像中，是否可以使用 javascript/jQuery 识别 iOS 的“完成”按钮单击事件？ iOS 键盘点击事件可以使用文本区域的“onkeypress”功能来识别。

Answer 1

如果该字段是表单的一部分，完成将触发表单的“onsubmit”事件。

一种方法是设置超时，该超时发生在每个表单元素的 onblur(已调度)上，并在每个元素的 onfocus 上清除。

jQuery中的简短示例作为解释:

var blurOccurred;

$("input")
.on("blur", function(evt) {
  blurOccurred = window.setTimeout(function() {
    alert('Done button clicked');
  }, 10);
})
.on("focus", function(evt) {
  window.clearTimeout(blurOccurred);
});

通过这样做，检测到单击“完成”会延迟 10 毫秒。如果它只是导航到上一个/下一个表单字段，则不会执行整个超时。

我希望这能让你开始。

编辑:在 iOS7 上有 event.relatedTarget属性，当单击“完成”时为空 - 否则它是设置焦点的输入元素。这也可以用于检测是否单击了完成(或关闭了键盘)。