js学习笔记-事件基础

最新推荐文章于 2024-08-11 18:40:36 发布

过客701

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量386

点赞数

本文链接：https://blog.csdn.net/weixin_63096198/article/details/123316574

版权

JavaScript 事件源事件类型事件处理 onclick

关键词由CSDN通过智能技术生成

一、事件的含义：时间可以被javaScript侦测的行为，简单理解就是事件就是触发响应机制。

二、事件的组成：事件是由事件源、事件类型和事件处理程序组成。

事件源：事件被触发的对象。

事件类型：如何触发（鼠标点击、鼠标经过、鼠标悬停等行为）。

事件处理：一般通过函数赋值的方式完成。

例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
    </head>
    <body>
        <button>巴卫</button><br>
        <script>
            var btn=document.querySelector('button');//获取对象
              //注册事件及事件的处理
            btn.onclick=function(){
                alert('巴卫是只可爱的狐狸');
            }
        </script>

    </body>
    </html>

：通过点击按钮弹出对话框。

过客701

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习笔记-事件基础

一、事件的含义：时间可以被javaScript侦测的行为，简单理解就是事件就是触发响应机制。二、事件的组成：事件是由事件源、事件类型和事件处理程序组成。事件源：事件被触发的对象。事件类型：如何触发（鼠标点击、鼠标经过、鼠标悬停等行为）。事件处理：一般通过函数赋值的方式完成。例如<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
复制链接

扫一扫