I need to trigger the same event handler on both Click and also on Enter. To do this I write this code:

2.       var showHideBtn = $('.js-showHidePassword');
3.       var showHideSpan = $(showHideBtn).children().last();
4.       var $pwd = $('.engage-password__field');
5. 
   
6.       // On Click
7.       $(showHideBtn).on('click', function(e) {
8.         $(showHideBtn).toggleClass('toggleShowHide');
9.         showHideSpan.text($(showHideBtn).is('.toggleShowHide') ? 'Hide' : 'Show');
10.         if ($pwd.attr('type') === 'password') {
11.           $pwd.attr('type', 'text');
12.         } else {
13.           $pwd.attr('type', 'password');
14.         }
15.         e.preventDefault();
16.       });
17. 
    
18.       // On Enter Key
19.       $('.js-showHidePassword').keypress(function(event) {
20.         var key = event.which;
21.         if (key == 13) // the enter key code
22.         {
23.           $(showHideBtn).toggleClass('toggleShowHide');
24.           showHideSpan.text($(showHideBtn).is('.toggleShowHide') ? 'Hide' : 'Show');
25.           if ($pwd.attr('type') === 'password') {
26.             $pwd.attr('type', 'text');
27.           } else {
28.             $pwd.attr('type', 'password');
29.           }
30.           e.preventDefault();
31.         }
32.       });

But again I repeat a whole bunch of code inside the both functions. How can I reduce the code and make this shorter?

Thanks