javascript - 结合 .change() 和 keyup

Question

我想将两个函数合二为一。是否可以结合...

$(document).ready(function () {
   $(".jobtype").change(function () {
      if ($("select[name='jobtype']").val() != "Low Budget") {
         // something happens
      }
   });
});

还有这个……

$(document).ready(function () {
   $(document).on('keyup', function (evt) {
      if (evt.keyCode == 27) {
         // same thing happens
      }
   });
});

以便它们同时适用于 change() 和 keyup？

编辑:抱歉，我写这篇文章是在深夜，所以可能没有正确解释自己。

我有一个表单，当从下拉选择列表中选择“低预算”选项时，会运行一个函数来更改页面上的一堆内容。

但是，如果取消选择“低预算”选项，则会运行另一个脚本来撤消更改并将页​​面返回到其原始形式。这段将其恢复为原始形式的代码可能有 30 行长。

如果用户按下 ESC 键并关闭表单，我希望运行同一段代码。

将同一个函数写两次似乎很奇怪，所以我想知道什么是正确和最有效的编码方法。我的一部分认为我可以将 30 行代码写在类似的东西中

function doSomething() {
    // 30 lines of code
}

然后这两个事件里面有:

$(document).ready(function () {
    $(".jobtype").change(function () {
        if ($("select[name='jobtype']").val() != "Low Budget") {
            doSomething();
        }
    });
});

和

$(document).ready(function () {
    $(".jobtype").change(function () {
        if ($("select[name='jobtype']").val() != "Low Budget") {
           doSomething();
        }
    });
});

但是我不确定构建代码的正确方法。

再次感谢

Answer 1

Maybe this solution is not good enough, but you can try:

$(document).ready(function() {
    $(".jobtype").change(function() {
        if ($("select[name='jobtype']").val() != "Low Budget") {
            common();              
        }
    });

    $(document).on('keyup',function(evt) {  
        if (evt.keyCode == 27) {
            common();
        }
    });

   function common() {
     alert('1111'); // some common logic
   }
});