JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<button id="btn">按钮button>
<script src="../common.js">script>
<script>
    my$("btn").addEventListener("click", f1);
    my$("btn").addEventListener("mouseover", f1);
    my$("btn").addEventListener("mouseout", f1);
    function f1(e) {
        switch (e.type){
            case "click":
                console.log(1);
                break;
            case "mouseover":
                console.log(2);
                break;
            case "mouseout":
                console.log(3);
                break;
        }
    }
script>
body>
html>

你可能感兴趣的:(JavaScriptDOM练习之为同一个元素绑定多个不同的事件并指向同一个事件处理函数)