javascript - 我可以在单个元素中有 2 个 JavaScript onClick 事件吗？

Question

你能把 2 个 JavaScript onClick 事件放在一个元素中吗，这是我迄今为止尝试过的方法，我试过调用函数，但那也行不通。

<div class="contactme"><a href="#contactnav" onclick="document.getElementById('download').style.display='none'; document.getElementByID('skype').style.display='none';">Message me!</a></div>

调用函数:

function hide(){
document.getElementById('download').style.display='none';
document.getElementById('skype').style.display='none';
}

HTML:

<div class="contactme"><a href="#contactnav" onclick="hide();">Message me!</a></div>

但是它们似乎都不起作用。

Answer 1

当然，您可以使用纯 Javascript 来完成。您的 HTML 根本不需要 onclick 属性。

HTML:

<div class="contactme"><a href="#contactnav">Message me!</a></div>

JavaScript:

var contact = document.getElementsByClassName("contactme")[0];

contact.addEventListener("click", function() {
    document.getElementById('download').style.display='none';
    document.getElementByID('skype').style.display='none';
}

现在您可以使用 contact.addEventListener 添加您想要的任何功能，如下所示:

contact.addEventListener("click", hide);