javascript - 结合几个事件

Question

我有一个文本字段和一个按钮。单击按钮或点击 enter 时，应执行函数。

我的方法是有目的的。但是，是否可以组合这 2 个功能(click 和 keypress)，这样我只有 1 个？

$("button").click(function() {
  getInput();
});

$("#name").keypress(function(e) {
  if (e.which == 13) {
    getInput();
  }
});

function getInput() {
  alert($("#name").val())
}

所以我只需要附加这些事件。

Here is a fiddle .

Answer 1

您可以使用 .on('listOfEvents') 监听多个事件

您只需要一些额外的规则来检查何时需要运行函数。

$("button, #name").on('click keypress', function(e) {
    if ($(e.currentTarget).attr('id') == 'submit' || e.which == 13) {
	  	getInput();
    }
});

function getInput() {
    alert($("#name").val())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="name" />
<button id="submit">
  OK
</button>