JS中带有另一个参数的事件参数[重复]答案

【问题标题】：Event parameter with another parameter in JS [duplicate]JS中带有另一个参数的事件参数[重复]
【发布时间】：2018-07-31 14:00:34
【问题描述】：

我必须在处理程序中捕获event.target.value。但是我的函数需要另一个参数以及event 参数。这就是为什么它没有得到event.target。它返回undefined。那么，如果我还有其他参数，如何找到event.target？

function a(e, b) {
  console.log(e.target.value);
  return e.target.value + b;
}

var input = document.querySelector('#input');

input.addEventListener('click', function() {
  a(4);
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input id="input" type="submit" value="5">
</body>
</html>

【问题讨论】：

input.addEventListener('click', function(e) { a(e, 4); });

标签： javascript dom-events

【解决方案1】：

只需在事件侦听器中接受它，并将其传递给您的函数：

input.addEventListener('click', function(e) {
  a(e, 4);
});

使用此代码，a 中的 return 毫无用处，因为该值不会在任何地方捕获。您需要以某种方式使用该返回值，例如使用console.log(a(e, 4));记录它。

【讨论】：

来吧，这是一个重复的问题！ (:
@Ele 这个问题与欺骗目标的联系对我来说并不清楚，对于 OP 来说可能更不清楚。 OP 不需要像另一个问题那样添加 addEventListener 包装器或类似的东西。
OP只需要了解如何获取事件对象以及如何将其传递给他/她自己的函数。