Question

这里的JavaScript代码不应该警告“你已经点击了这里的联系方式。我没有得到相同的结果。请纠正错误。

HTML

<!doctype html>
<html>
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<script src="JavaScript.js"></script>
</head>
<body>
<div>
<ul id="nav">
            <li id="click"><a href="#">Contact</a></li>
            <li> <a href="#">Blog</a></li>
            <li> <a href="#">Work</a></li>
            <li> <a href="#">About</a></li>
            <li> <a href="#">Home</a></li>
</ul>
</div>
</body>
</html>

JS

var list = document.getElementById("nav");
list.addEventListener("click", function() {
switch(event.target.type.id) {
case "click":
alert("haha");
break;
}, false);

Answer 1

你正在挖掘错误的东西。 event.target是您点击的项目，event.type是被触发的事件类型：

var list = document.getElementById("nav");
list.addEventListener("click", function (event) {
    switch (event.type) {
        case "click":
            alert("haha");
            break;
    }
}, false);

小提琴：http://jsfiddle.net/KyleMuir/hSJjK/

编辑：鉴于您只想要contact的ID为click来提醒，我建议您尝试这样做：

var list = document.getElementById("click");
list.addEventListener("click", function (event) {
    alert("haha");
}, false);

小提琴：http://jsfiddle.net/KyleMuir/hSJjK/1/

希望这有帮助。

JavaScript事件无法按预期工作

1 个答案: