Есть ли способ сделать || или оператор с функцией щелчка с использованием Jquery?

Нравится:

$(function(){
    $('#div').on('keypress click', function(e){
    if (e.which === 32 || e.type === 'click') {

    }
  });
 });

Инициировать событие при `клике` и `enter`

Вы можете напрямую вызвать функцию, используя событие onclick в div.

<div onclick='invokeAFuntion' id='div-element'></div>

Если вы хотите активировать функцию при нажатии пробела в любом месте экрана, используйте элемент документа в качестве селектора, в противном случае измените селектор в соответствии с элементом.

$(document).on('keypress',function(e) {
    if(e.which == 32) {
        alert('You pressed enter!');
    }
});

function invokeAFuntion(){
 alert('You have invoked the function!');
}

Мне удалось достичь цели, создав два отдельных события/функции, но функции делают одно и то же.

// If Button is Clicked
$('.button').click(function() { 
//do something
});

// If space bar is pressed
$(window).keypress(function (e) {
  if (e.keyCode === 32) {
    e.preventDefault()
//do same thing as if .button is clicked)
});

Вы можете попробовать это, а также посмотреть живую демонстрацию здесь Нажмите здесь.

Примечание: вы можете обрабатывать globally любые click event и keypress event

$(document).ready(function(){
  $(document).on('keypress click','button,input,textarea', function(e){
    if (e.which === 32 || (e.type === 'click' && e.currentTarget.localName =="button")) {
     console.log("which "+ e.which);
      console.log("Type "+ e.type);
      $("#result").html(" which "+ e.which + " Type "+ e.type);
      console.log($(this));
      console.log(e);
      console.log(e.currentTarget.localName);
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group col-4" style="margin-bottom: 20px;">
 
  <input type="text"><br/>
  <button type="button">
  Click
  </button>
  <br/>
  <span id="result"></span>
</div>

Также проверьте обновленную ссылку на скрипку Нажмите здесь