JQuery点击和输入keyup，不同的类答案

【问题标题】：JQuery on click and on enter keyup, different classesJQuery点击和输入keyup，不同的类
【发布时间】：2013-05-01 03:50:35
【问题描述】：

在提交之前绝望的深夜编码。

我有两个具有两个不同类名的 HTML 对象，我希望将同一个事件与不同的动作监听器绑定。

<form class="form-wrapper cf" action ="">
  <input id="searchInput" type="text" placeholder="Search for Sets or Cards" required>
  <button class="searchButton" type="button">Search</button>
</form>

我已经成功地处理了单击按钮，在阅读了“on”文档后，我发现您可以将多个侦听器绑定到同一个类。但是我不知道是否也可以进行键盘输入。

$(".searchButton").on("click" ,function(){

【问题讨论】：

.on('click keyup', funciton(){
可能重复stackoverflow.com/questions/8608145/…
@MarkWalters：问题颠倒了。我正在寻找两个听众，相同的事件，不同的对象。他有多个事件，一个对象，同一个听众。不完全是。

标签： javascript jquery html

【解决方案1】：

试试这个：

     $(".searchButton").bind("click keyup" ,function(){});

【讨论】：

【解决方案2】：

您是否正在寻找这样的东西：jsfiddle 链接http://jsfiddle.net/XAGD9/2/

$(document).on("click keyup",".searchButton" ,function(){

【讨论】：

【解决方案3】：

试试这个：

$('.searchButton, #searchInput').on('click keyup' ,function(){

【讨论】：

这很有魅力，谢谢。比我预期的要容易得多。我只是想让它在返回键时到达服务器，但这也更性感。许多心

【解决方案4】：

你可以这样做：

$(".form-wrapper").on("click keyup", ".searchButton",function(){
    // Your code here
});

【讨论】：