绑定点击事件及解绑点击事件

最新推荐文章于 2024-05-11 02:41:18 发布

陌一一

最新推荐文章于 2024-05-11 02:41:18 发布

阅读量3.1k

点赞数 1

分类专栏： web前端开发文章标签： html 前端 javascript 开发语言 web

本文链接：https://blog.csdn.net/a1598452168YY/article/details/127429202

版权

1、绑定点击事件onclick

（1）一个事件由什么东西组成

○ 触发谁的事件：事件源

○ 触发什么事件：事件类型

○ 触发以后做什么：事件处理函数

<body>
    <div></div>
    <script>
        var oDiv = document.querySelector("div")

        oDiv.onclick = function(){}
    </script>
</body>
// 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv
// 触发什么事件 => onclick => 这个事件类型就是 click
// 触发之后做什么 => function () {} => 这个事件的处理函数

○ 我们想要在点击 div 以后做什么事情，就把我们要做的事情写在事件处理函数里面

var oDiv = document.querySelector('div')

oDiv.onclick = function () {
  console.log('你点击了 div')
}

当我们点击 div 的时候，就会执行事件处理函数内部的代码
每点击一次

最低0.47元/天解锁文章

陌一一

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
绑定点击事件及解绑点击事件

绑定点击事件及解绑点击事件
复制链接

扫一扫

专栏目录