-3

此处的 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);
4

1 回答 1

0

你在挖掘错误的东西。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一个 idclick来提醒，我建议你试试这个：

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

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

希望这可以帮助。

于 2013-10-20T08:05:16.567 回答