jquery - 如何使用 Jquery 进行点击和模糊？

Question

我有一个表单，它使用 Jquery 的破折号来根据门票成本所需的门票数量来计算门票价格。非常基础。

票数元素是一个下拉菜单(选择)，通过使用 Jquery 的单击方法来工作。这工作得很好。

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

我的问题是，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 ...
}