私のフォームには、onblur
イベントを適用したフィールドがいくつかあります。問題は、フィールドに入力した直後に保存をクリックすると、保存が呼び出されないことです。2 回クリックする必要があります。詳細については、以下の手順を参照してください。コード スニペットも添付されています。
1) 入力ボックスに値を入力します
2) タブアウトするか、画面上の別の場所をクリックしてフォーカスを失います
3) 正常に動作し、関数 triggerOnBlur が呼び出されます
4) 入力ボックスに値を再度入力します
5) 保存ボタンをすぐにクリックします、他の場所をクリックせずに
6) 関数 triggerOnBlur が呼び出されますが、保存ボタンをクリックするには、保存をクリックする必要があります。
ワンクリックで済ませたい…
<!DOCTYPE html>
<html>
<head>
<script>
function triggerOnBlur()
{
alert("onblur event triggered");
}
function triggerSaveButton()
{
alert("save button");
}
</script>
</head>
<body>
<form>
<input type = "text" onblur = "triggerOnBlur()" />
<input type = "submit" value = "Save" onclick = "triggerSaveButton()" />
</form>
</body>
</html>