需要使用javascript识别iOS编辑键盘中的“完成”按钮

时间:2013-11-20 09:45:22

标签: javascript jquery ios

enter image description here

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

1 个答案:

答案 0 :(得分:2)

如果该字段是表单的一部分,Done将触发表单的“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);
});

通过这样做,在10ms延迟时检测到单击“完成”。如果它只是导航到prev / next表单字段,则不会执行整个超时。

我希望这能让你开始。

iOS7上的

编辑event.relatedTarget属性,单击“完成”时为空 - 否则它是设置焦点的输入元素。此外,它还可用于检测是否单击完成(或键盘已关闭)。