将onclick更改为以变量作为参数的函数

Question

所以这是我正在做的一个愚蠢的版本。 我想更改一个span的onclick来调用一个以变量作为参数的函数。 我希望它在我创建新的onclick时使用变量，因为它不是因为变量是在点击时。

<html>
<head>
<script>
function share(it) {
  alert("We wanted 1, we got "+ it);
}
</script>
</head>
<body>
<span id="key">Click me</span>

<script>
var x = 1;
document.getElementById('key').onclick = function() {share(x)}
x++;
</script>

</body>
</htmL>

Answer 1

我想你需要这个：

<html>
<head>
<script>
function share(it) {
  alert("We wanted 1, we got "+ it);
}
</script>
</head>
<body>
<span id="key">Click me</span>

<script>
function assign(y) {
   return function() { share(y); };
}
var x = 1;
document.getElementById('key').onclick = assign(x);
x++;
</script>

</body>
</html>

Answer 2

不要直接使用函数（），使用创建onclick函数的函数：

<html>
<head>
<script>
function share(it) {
  alert("We wanted 1, we got "+ it);
}

function makeFunction(x) {
return function() {share(x);}
}

</script>
</head>
<body>
<span id="key">Click me</span>

<script>
var x = 1;
document.getElementById('key').onclick = makeFunction(x)
x++;
</script>

</body>
</html>

Answer 3

制作x的副本并将其传递给函数

<html>
<head>
<script>
function share(it) {
  alert("We wanted 1, we got "+ it);
}
</script>
</head>
<body>
<span id="key">Click me</span>

<script>
var x = 1;
var copyOfx = x + 0;
document.getElementById('key').onclick = function() {share(copyOfx)}
x++;
</script>

</body>

Answer 4

您需要做的就是在头部声明变量。 该变量是用户定义和硬编码的，因此它可以加载到头部，然后在单击发生时在函数中引用它。 您不需要传递参数

将onclick更改为以变量作为参数的函数

问题描述

4 个解决方案

解决方案1
1 2014-03-02 00:44:30

解决方案2
1 已采纳 2014-03-02 00:48:14

解决方案3
0 2014-03-02 00:43:38

解决方案4
0

将onclick更改为以变量作为参数的函数

问题描述

4 个解决方案

解决方案1 1 2014-03-02 00:44:30

解决方案2 1 已采纳 2014-03-02 00:48:14

解决方案3 0 2014-03-02 00:43:38

解决方案4 0

解决方案1
1 2014-03-02 00:44:30

解决方案2
1 已采纳 2014-03-02 00:48:14

解决方案3
0 2014-03-02 00:43:38

解决方案4
0