DOM事件基础

最新推荐文章于 2024-08-24 11:46:12 发布

mewgulfszd！

最新推荐文章于 2024-08-24 11:46:12 发布

阅读量60

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/CLhen/article/details/125425486

版权

事件：触发响应的机制。

事件三要素：事件源事件类型事件处理程序。

事件源：事件被触发的对象，如按钮。

事件类型：如何触发、什么事件，如点击、经过、按下。

事件处理程序：通过一个函数复制的方式完成。

<body>
    <button id="btn">按钮</button>
    <script>
        //执行事件步骤
        //1.获取事件源
        var btn = document.getElementById('btn')
        //2.绑定事件 注册事件
        //3.添加事件处理程序
        btn.onclick = function () {
            alert('你点击了这个按钮');
        }
    </script>
</body>

常见鼠标事件
鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移动触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发