04-事件基础

最新推荐文章于 2022-09-10 23:34:59 发布

我的欢

最新推荐文章于 2022-09-10 23:34:59 发布

阅读量164

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41356253/article/details/103037969

版权

前端专栏收录该内容

8 篇文章 1 订阅

订阅专栏

JavaScript 使我们有能力创建动态页面，而事件是可以被JavaScript 侦测到的行为。

简单理解为：触发——响应机制

网页中的每一个元素都可以产生某些可以触发JavaScript的事件，例如我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。

1、事件三要素

<body>
    <button id="btn">唐伯虎</button>
    <script>
        //点击一个按钮，弹出对话框
        //1、时间是由三部分组成  事件源  事件类型   事件处理程序  也称为事件三要素
        //事件源   事件被触发的对象 
        var btn = document.getElementById('btn');
        //事件类型  如何触发  什么事件  比如鼠标点击（onclick）还是鼠标经过  还是键盘按下
        //事件处理程序通过一个函数赋值的方式完成
        btn.onclick = function () {
            alert('点秋香');
        }
    </script>
</body>

2、执行时间的步骤

（1）获取时间源

（2）注册事件（绑定事件）

（3）添加事件处理程序（采取函数赋值形式）

3、常见的鼠标事件

4、分析事件三要素

我的欢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
04-事件基础

JavaScript 使我们有能力创建动态页面，而事件是可以被JavaScript 侦测到的行为。简单理解为：触发——响应机制网页中的每一个元素都可以产生某些可以触发JavaScript的事件，例如我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。1、事件三要素<body> <button id="btn">唐伯虎</button&...
复制链接

扫一扫