Javascript – Ereignis auswählen, keine sprudelnde Erklärung
Ich möchte darum bitten, dass die ausgewählte Veranstaltung nicht sprudelt
Warum erscheint s1 d3 d2 d1 auf der Konsole, wenn ich mit der Maus auf das Dropdown-Feld klicke?
Wenn ich auf die Zahl im Dropdown-Feld klicke, erscheint wieder s1 d3 d2 d1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="d1" style = "width:200px;height:200px;background-color:orange;">
<p id="d2" style = "width:175px;height:175px;background-color:yellow;">
<p id="d3" style = "width:150px;height:150px;background-color:blue">
<select id="s1">
<option>1</option>
<option>2</option>
</select>
</p>
</p>
</p>
</p>
<script type="text/javascript">
function fun1(){
console.log(event.currentTarget.id);
}
s1.addEventListener("click",fun1,false);
d1.addEventListener("click",fun1,false);
d2.addEventListener("click",fun1,false);
d3.addEventListener("click",fun1,false);
</script>
</body>
</html>