Question

我有这个代码按预期工作（当用户点击输入字段时执行）

<input id="sampleID" name="sampleID" type="text" onblur="myfunction(sampleID.value); "/>

但是，当用户点击“输入”时，我无法确定如何使用此功能。按钮。我试过了：

<input id="sampleID" name="sampleID" type="text" onkeyup="if (event.keyCode==13) myfunction(sampleID.value); "/>

但这会清除表单输入字段

Answer 1

key13是 return / enter 键。您可能想要onblur的姐妹活动change。要阻止页面清除页面，请使用preventDefault()。这将阻止 ENTER / RETURN 键触发submit上的<form>事件。以下代码段演示了两者。

段

function test(val) {
  console.log('You have entered: ' + val);
}

<form id="f1">
  <label for="testKeyup">Type in box and press the <kbd>ENTER/RETURN</kbd> key</label>
  <input id="testKeyup" name="testKeyup" type="text" onkeyup="if (event.keyCode==13) test(this.value); event.preventDefault()" />
  <br/>
  <br/>
  <label for="testChange">Type in box and then click anywhere <b>but</b> this box</label>
  <input id="testChange" name="testChange" type="text" onchange="test(this.value);event.preventDefault();" />
</form>

onblur to onsubmit没有按预期工作

1 个答案:

段