如何在按钮上单击或单击下拉菜单更改调用jQuery的函数

时间:2019-09-13 07:38:51

标签: jquery event-handling

现在,我有一个类似这样的事件处理程序

   $('#nextMonth, #prevMonth').click(function() {
      // execute code
   });

但是尝试使其看起来更像这样,但是不确定如何以一种可行的方式编写

   $('#nextMonth, #prevMonth').click || $('.yearSelect).change(function() {
      // execute code
   });

因此,基本上,如果单击#nextMonth / #prevMonth,则运行该函数,或者如果更改$('.yearSelect')(下拉菜单),则执行该函数中的代码。正确的写法是什么?

1 个答案:

答案 0 :(得分:1)

要从不同的事件处理程序中执行通用代码,可以在javascript / jquery函数中移动通用代码,然后从事件处理程序中调用它。

$('#nextMonth, #prevMonth').click(function() {
  commonExecution();
});

$('.yearSelect').change(function() {
  commonExecution();
});

function commonExecution() { 
  // execute code
}
相关问题