javascript - 为多个事件定义一个函数

Question

我最初为三个输入字段定义了三个相同的函数，如下所示:

var inputQ = document.getElementById("quantity");
var inputC = document.getElementById("compid");
var inputR = document.getElementById("quantreq");

inputQ.onkeypress = function() {
    //code
}
inputC.onkeypress = function() {
    //same code
}
inputR.onkeypress = function() {
    //same code
}

但发现如果缩短为:

inputQ.onkeypress = inputC.onkeypress = inputR.onkeypress = function() {
    //code
}

这会产生什么意想不到的效果吗？有没有更短的方法，比如 ('#inputQ, #inputC, #inputR) = function() {}？

谢谢!

Answer 1

这会工作得很好(一个函数就像任何其他对象一样只是一个对象，所以你可以链式赋值)。

如果您想要更短的方式，请使用 jQuery :

$("#quantity, #compid, #quantireq").on("keypress", function() {
    // code
});