Question

我必须更改功能。实际上，只要输入字段发生更改，它就会执行一些代码行。每当输入字段更改时，我需要更改它执行的功能，而选择字段中的值也会更改。我该如何结合呢？

我现在的功能：

$("input").bind('keyup mouseup', function () {
   ....some lines of code
}

Answer 1

您可以尝试以下方法：

$(function(){
   var DoOnChange=function(){
         console.log($(this).val());
   };
   $("input#inp").on("keyup",DoOnChange);
   $("select#sl").on("change",DoOnChange);
});

如果您喜欢使用纯js和清晰的代码，请查看下面的代码：

window.onload=function(){
  var DoOnChange=function(ev){
      var el=ev.target;
      console.log(el.value);
  };
  document.querySelector("select#sl").addEventListener("change",DoOnChange);
  document.querySelector("input#inp").addEventListener("keyup",DoOnChange);
};

或者如果您需要change事件：

$(function(){
      $("input,select").on("change",function(){
         console.log($(this).val());
     });
});

这些代码可以很好地与html代码一起使用，如下所示：

<input type="text" id="inp"/>
<select id="sl">
    <option>1</option>
    <option>2</option>
</select>

我正在用手机打字，现在无法使用stackoverflow的代码工具，但是如果需要，您可以检查结果online。

输入更改或选择更改时，jQuery执行函数

1 个答案: