jquery - 如何使用带有点击和模糊的 Jquery？

Question

我有一个表格，它使用一点 Jquery 来计算票价，按票价所需的票数计算票价。很基础。

票数元素是一个下拉菜单（选择），使用 Jquery 的 click 方法工作。这工作正常。

问题是用户还可以使用键盘上的向上键和向下键。所以我逐字复制我的代码并使用模糊方法而不是点击。

我的问题是，JQuery 可以同时单击 + 模糊而不是复制代码吗？

例子

      var ticket_price = $('.fee').text();
      $('input#amount').attr('value', ticket_price);

      $('table#booking-table select').blur(function()     
      {
            var ticket_number = $(this).val();
            var ticket_price = $('.fee').text();

            var total_price = ticket_number * ticket_price;
            total_price = total_price.toFixed(2);

            var input_total_price = $('input#amount').attr('value', total_price);

            if(ticket_number == 1)
            {
                 $('tr.ticket-price td.right span.total_fee').empty().append();
            }
            else
            {
                  $('tr.ticket-price td.right span.total_fee').empty().append('* ' + ticket_number + ' tickets = ' + '<strong>&euro;' + total_price + '</strong>');
            }
      });

Answer 1

您可以使用

$(selector).bind('click blur')

或者，如果您使用 jQuery 1.4：

$('#foo').bind({
  click: function() {
    doSomething(); 
  },
  blur: function() {
    doSomething();
  }
});

function doSomething() {
    var ticket_number = $(this).val();
    var ticket_price = $('.fee').text();
    // etc ...
}