javascript - 如何组合按键和单击这两个事件

Question

我有一个函数，但有两个事件。第一个事件用于输入和按键，第二个事件用于按钮和单击。

  <input class="text">
  <button class="btn">Next</button>

和 jquery 代码:

        function submit() {
          var inputValue = $( '.text' ).val();
          alert('inputValue');
        };

        $('.btn').on('click', function () {
          submit();
        });
        $('input').keydown(function(e) {
          if(e.which == 13) {
            submit();
          }
        });

我可以参加这两个事件吗？

Answer 1

尝试这样...

    $( '.btn, input' ).on( 'click keydown',  function ( event ) {
        if( ( event.type == 'click' )
            || ( event.type == 'keydown' && event.which  == 13 ) ) {
           //submit(); submit your form
           alert('hi');
        };
    } );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="text">
<button class="btn">Next</button>