javascript - 为多个事件定义一个功能

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

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() {}？

谢谢！

最佳答案

这样就可以正常工作（一个函数就像其他对象一样，因此可以链接分配）。

如果您想使用更短的方法，请使用jQuery：

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

关于javascript - 为多个事件定义一个功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25208050/

onKeyPress

javascript - 为多个事件定义一个功能