代码示例:(标识:eg_js_addeventlistener_add_many_2)
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript addEventListener()</h1>
<p>此例使用 addEventListener() 方法在同一按钮上添加许多事件。</p>
<button id="myBtn">试一试</button>
<p id="demo"></p>
<script>
var x = document.getElementById("myBtn");
x.addEventListener("mouseover", myFunction);
x.addEventListener("click", mySecondFunction);
x.addEventListener("mouseout", myThirdFunction);
function myFunction() {
document.getElementById("demo").innerHTML += "Moused over!<br>";
}
function mySecondFunction() {
document.getElementById("demo").innerHTML += "Clicked!<br>";
}
function myThirdFunction() {
document.getElementById("demo").innerHTML += "Moused out!<br>";
}
</script>
</body>
</html>