javascript - 为什么这个 onclick 事件在我的脚本中不起作用？

Question

我有一个脚本，可以使链接在每次页面访问时出现在随机位置。我有另一个脚本，其中包含随机链接列表的函数，这样一旦单击链接，您将被引导到随机页面。

但是有些问题，因为当单击此链接时，它不会引导您到任何地方(onClick 似乎不起作用)。我可以做什么来修复它？

<script>
var left = Math.floor(Math.random() * 100);
var a = document.createElement('a');
    a.style.left = left+'%';
    a.href = '#';
    a.onClick = "randomlinks()";
    a.innerHTML = 'click me';
document.body.appendChild(a)
</script>

<script src="randomlinks.js"></script>

如果我将其设置为:该函数可以正常工作:

<a href='#' onclick='randomlinks();'>click me</a>

Answer 1

将a.onClick = "randomlinks()";更改为a.onclick = randomlinks;

您的 onclick 中有拼写错误。此外，您必须提供对 onclick 事件处理程序的函数引用，而不是 string。

var left = Math.floor(Math.random() * 100);

function randomlinks() {
  console.log('clicked');
}

var a = document.createElement('a');
    a.href = '#';
    a.style.right = left+'%';
    a.onclick = randomlinks;
    a.innerHTML = 'click me';
document.body.appendChild(a);

a {
  position: absolute;
}