jquery - 从多个字段上的 keyup 调用 jQuery 函数的最佳方法?

标签 jquery function

我有一个函数,当用户在多个字段中的任何一个中按下按键时,我想调用该函数。

我可以通过以下方式实现这一目标:

$("#a").keyup(function(){
    myfunction();
}); 
$("#b").keyup(function(){
    myfunction();
});
$("#c").keyup(function(){
    myfunction();  
});
$("#d").keyup(function(){
    myfunction();
});

但是有没有类似的东西

$("#a","#b","#c","#d").keyup(function(){
    myfunction();
}); 

这样会更优雅吗?

(顺便说一句,我尝试了上面的方法,但没有成功)

JSFiddle

编辑:我接受了下面大卫·埃斯库德罗的回答,因为它回答了我提出的问题。然而,Erik Philips 指出,最好为所有相关字段提供一个类,然后在该类的 keyup 上调用事件。我所看到的是真的。

最佳答案

你的 fiddle 有一个错误,你没有在上面添加function

myfunction(){function myfunction(){

然后,您在每个选择器上加上双引号。 $("#a","#b","#c","#d").keyup(function(){

将其更改为

$("#a,#b,#c,#d").keyup(function(){

放在一起:

function myfunction(){
   $("#result").append('<p>It worked!</p><br/>');
}

$("#a,#b,#c,#d").keyup(function(){
	myfunction();
});	
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="a" />
<input type="number" id="b" />
<input type="number" id="c" />
<input type="number" id="d" />

<div id="result"></div>

关于jquery - 从多个字段上的 keyup 调用 jQuery 函数的最佳方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30008592/

相关文章:

javascript - 为对象属性分配新值

c - 为什么我会得到这些随机值?

javascript - 查找包含部分属性的元素

javascript - 填充不断插入相关元素

javascript - 创建 div 元素后在其下方保留一个单击按钮

jquery - 使用 jQuery 的 JSONP 请求会绕过 Varnish 吗?

计算文件中的字母 's' 和 'S'

c++ - 更新 char* 函数 C++

c - 为什么我的函数在 C 中不能正常工作?

javascript - 在主干 View 中访问 el 外部的点击事件