美文网首页
为同一元素绑定多个不同事件,指向相同的事件处理函数

为同一元素绑定多个不同事件,指向相同的事件处理函数

作者: 珲_cysky2018 | 来源:发表于2018-08-15 21:41 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$$</title>
    <script src="common.js"></script>
</head>
<body>
<input type="button" value="小苏" id="btn"/>
<script>
    my$('btn').onclick = f1;
    my$('btn').onmouseover = f1;
    my$('btn').onmouseout = f1;

    function f1(e) {
        switch (e.type) {
            case 'click':
                alert("好帅哦");
                break;
            case 'mouseover':
                this.style.backgroundColor = 'red';
                break;
            case 'mouseout':
                this.style.backgroundColor = 'blue';
                break;
        }
    }

</script>
</body>
</html>

相关文章

网友评论

      本文标题:为同一元素绑定多个不同事件,指向相同的事件处理函数

      本文链接:https://www.haomeiwen.com/subject/xxjgbftx.html