2 つのボタンといくつかのテキスト入力を備えたフォームがあります。デフォルトでは、Enter キーを押すと、最初のボタンが「クリック」されます。いずれかのテキスト ボックスに入力して Enter キーを押すと、2 番目のボタンがクリックされるようにしたいと思います。
以下の簡単な例では、Enter キーを押すと、デフォルトで Facebook ボタンを使用してログインが「クリック」されます。これは、メールまたはパスワードのテキスト入力に何かが入力された場合でも発生します。電子メールまたはパスワードの入力に何かが入力された場合、Enter キーを押すと、電子メール/パスワードによるログイン ボタンが「クリック」されるようにしたいと思います。
<form>
<button class="login-facebook">Log in with Facebook</button>
<input type="text" class="email" placeholder="email"><br>
<input type="password" class="password" placeholder="password"><br>
<button class="login-password">Log in with email/password</button>
</form>
目標は次のようなものです。
$('.email').add('.password').on('change', function() {
$('.login-password').setToBeNewDefaultClickIfEnterIsPressed();
});
setToBeNewDefaultClickIfEnterIsPressed()
デフォルトを変更する場所に入力します。