Dom Api之事件三要素

最新推荐文章于 2023-01-18 11:03:31 发布

WLY_Unity_Unreal

最新推荐文章于 2023-01-18 11:03:31 发布

阅读量223

点赞数

分类专栏： web前端 js 文章标签： html5 javascript

本文链接：https://blog.csdn.net/Wenliuyong/article/details/107253454

版权

web前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

html中的标签,可以通过某些行为触发不同类型的事件,比如,我们点击button标签,可以触发onclick事件,我们可以为onclick绑定自定义的方法,来实现一些功能:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>dom api</title>
</head>

<body>
    <header>dom api</header>
    <button>button</button>
    <div>0</div>
</body>

<script>
    //获取button标签
    let buttonEle = document.querySelector('button');
    //获取div标签
    let divEle = document.querySelector('div');
    //为button的onclick绑定事件
    buttonEle.onclick = function() {
        let num = Number(divEle.innerText);
        divEle.innerText = ++num;
    }
</script>

</html>

事件的三要素为:事件源、事件类型、事件行为.

事件源即哪个元素触发的事件,比如上面的button标签.

事件类型是指事件源触发了哪种类型的事件,比如上面的onclick.

事件行为指触发事件后执行什么操作,即上面为buttonEle.onclick赋值的部分.

通常我们需要先获取事件源,然后为事件源的指定类型事件赋值一个方法.

WLY_Unity_Unreal

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom Api之事件三要素

html中的标签,可以通过某些行为触发不同类型的事件,比如,我们点击button标签,可以触发onclick事件,我们可以为onclick绑定自定义的方法,来实现一些功能:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
复制链接

扫一扫