1

私のフォームには、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> 
4

2 に答える 2

1

イベントをalert()中断するため、ボタン上でマウス キーを離す必要があります。使用する必要がある場合は、イベントを使用できます。この例を見てください。clickclick eventalert()onmousedown

http://jsfiddle.net/3w8VM/

于 2013-04-16T09:00:30.947 に答える