ページに 3 つのフォームがあります。各フォームには、ユーザー名とパスワードのフィールド、およびチェックボックスがあります。ユーザーが Enter キーを押して適切なフォームを送信したことを検出することは問題ではありません。
$("input[type='text'], input[type='password'], input[type='checkbox']").keypress(function(event) {
if ( event.which == 13 ) {
event.preventDefault();
$(this).closest("form").submit();
}
});
ただし、問題は、チェックボックスが選択されていない場合、Enter キーを押してもフォームが送信されないことです。私の解決策:マウスがフォームの上に置かれている場合、ユーザーがEnterキーを押したときにそのフォームを送信します。しかし、このソリューションを実装する方法がわかりません。
マウスがそのフォームの上に置かれているかどうか、またはユーザーがテキストフィールドまたはチェックボックスを選択しているかどうかに応じて、ユーザーが適切なフォームを送信できるようにするにはどうすればよいですか?
助けてくれてありがとう。