事件的理解

2023-05-16

事件
1.事件就是浏览器窗口中发生的一些特定的交互瞬间 ,事件也可以捕获。下图是JavaScript的事件的捕获和冒泡过程:
在这里插入图片描述

常用的事件也是有很多的,下面我就不一一说明了,直接给大家上图好了:
在这里插入图片描述

JavaScript事件的写法,也有很多种,一般见得最多的写法就是下面三种:
(1)在DOM元素中直接绑定
一般我们都是在事件里面调用一个函数,而不是在事件里面写大量的js代码
<!‐‐双引号,推荐!!!‐‐>
按钮1

<!‐‐ 单引号 ‐‐>
按钮2

(2)在javascript中直接绑定
//获取元素
var btn3=document.getElementById(“btn3”);
//绑定事件
btn3.οnclick=function(){
alert(“在JavaScript代码中绑定”);
}
(3)使用事件监听绑定事件
注:这种方法不常用
添加监听
element.addEventListener(event, function, useCapture)
event : (必需)事件名,支持所有 DOM事件 。
function:(必需)指定要事件触发时执行的函数。
useCapture:(可选)指定事件是否在捕获或冒泡阶段执行。true,捕获。
false,冒泡。默认false,不写默认false。
移除监听(参数必须和添加时一致才可以移除)
element.removeEventListener(event, function, useCapture)
//获取元素
var btn4=document.getElementById(“btn4”);
function btnClick2(){
alert(“使用事件监听绑定事件”);
}
//添加监听
btn4.addEventListener(“click”,btnClick2,false);
//移除监听
btn4.removeEventListener(“click”,btnClick2,false);
了解:事件的捕获和冒泡过程演示代码
只要了解了事件的捕获以及冒泡的过程,那么接下来的也不是很难了,这个学会了,事务也不是很难了,其实光是看是没有用的,你的学会去敲,人的脑子只是暂时记忆,学的东西多了,就会记不住。但是多用的话,就一定会记住。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

事件的理解 的相关文章

随机推荐

  • 一、什么是SLAM?

    书中定义 xff1a slam是指移动智能体从一个未知环境里未知地点出发 xff0c 在运动过程中通过自身传感器观测周围环境 xff0c 并根据环境定位自身位置 xff0c 再根据自身的位置进行增量式的地图构建 xff0c 从而达到同时定位
  • ROS 创建工作空间流程

    本文以移植代码为例说明 目标是把一款云台SDK中的ROS代码部分抠出来移植到自己创建的工作空间中 记录下大致的流程 目录 1 创建工作空间 2 编译工作空间 xff08 可选 xff09 3 设置环境变量 xff08 可选 xff09 4
  • 边缘计算系列之MEC介绍

    前言 上篇内容 xff0c 跟大家简单介绍了边缘计算发展现状和边缘计算的基本概念 今天 xff0c 我们来讲讲MEC 目录 一 MEC的基本概念 二 MEC和边缘计算的关系 三 MEC的价值和优势 四 运营商MEC白皮书 1 MEC的基本概
  • 元学习(meta learning) 最新进展综述论文,28页pdf

    关注上方 深度学习技术前沿 xff0c 选择 星标公众号 xff0c 资源干货 xff0c 第一时间送达 xff01 本文综述了元学习在图像分类 自然语言处理和机器人技术等领域的应用 与深度学习不同 xff0c 元学习使用较少的样本数据集
  • 王海峰、李飞飞、山世光、王井东、汪玉……众多AI华人学者入选2022 IEEE Fellow...

    来源 xff1a 机器之心 北京时间 11 月 24 日凌晨 xff0c IEEE 公布了 2022 年度新一届会士的入选完整名单 IEEE 全称是美国电子电气工程师学会 xff08 Institute of Electrical and
  • 博后年薪58万起,副教授35万起,出站享80万安家费或100万房补,西电杭州研究院...

    来源 博士后招聘平台 编辑 硕博就业圈 研究院简介 XDU HANGZHOU 西安电子科技大学杭州研究院是西安电子科技大学为深入贯彻落实党中央 国务院关于深化产教融合改革部署和教育部 国家发展改革委 财政部关于加快新时代研究生教育改革发展的
  • 为什么要使用事件委托,使用事件委托的好处

    事件委托在我们程序员应聘阶段好多人都会被面试官问及到 xff0c 那到底什么是事件委托呢 xff1f 其实啊 xff0c 事件委托是本应给子元素注册的事件 xff0c 注册在父元素身上 然后使用 e tage方法由父元素统一分配给每个触发了
  • C++类和对象——友元

    目录 xff08 1 xff09 xff0c 全局函数做友元 xff08 2 xff09 xff0c 类做友元 xff08 3 xff09 xff0c 成员函数做友元 类中的私有属性 xff0c 也想让类外特殊的函数或者类进行访问 xff0
  • ubuntu系统安装TVM(保姆级)

    下载tvm span class token function git span clone recursive https github com apache tvm tvm 建议开代理 下载完成后在主目录看到tvm文件夹 依赖工具安装
  • Linux防火墙——Firewalld防火墙规则(内含防火墙的配置方法、图形化工具、firewall-cmd命令 )

    文章目录 Firewalld防火墙的配置一 Firewalld防火墙的配置方法运行时配置永久配置 二 Firewall config图形工具配置运行时配置 永久配置重新加载防火墙关联网卡到指定区域修改默认区域连接状态 区域 选项卡 服务 选
  • 人生苦短,我用k8s--------------Pod概念与Pod网络通讯方式详解

    一 pod概念 Pod是kubernetes中你可以创建和部署的最小也是最简的单位 Pod代表着集群中运行的进程 Pod中封装着应用的容器 xff08 数量大于等于1 xff0c docker最常用 xff0c 也可使用其他的 xff09
  • 装饰器三种写法之带参数的装饰器

    装饰器是AOP编程思想 xff0c 给主体函数增加功能 xff0c 又不让代码入侵到主体函数中 xff0c 实现高内聚 xff0c 低耦合 如果装饰功能部分代码也需要参数的话 xff0c 可以在原来的两层函数外面再加一层 xff0c 专门用
  • 把Linux下外设的USB端口号映射到固定的名字

    目录 1 固定USB设备的端口号的原理 2 rules文件的编写方法 3 映射结果查看 1 固定USB设备的端口号的原理 近期调试了一款云台 xff0c 控制方面需要用到串口通信 xff0c 调试过程中发现了一个问题 xff0c 就是 Li
  • GCC 消除编译器的特定警告

    GCC allows the user to selectively enable or disable certain types of diagnostics and change the kind of the diagnostic
  • 输入一个int型整数,按照从右向左的阅读顺序,返回一个不含重复数字的新的整数。 保证输入的整数最后一位不是0。

    题目描述 输入一个int型整数 xff0c 按照从右向左的阅读顺序 xff0c 返回一个不含重复数字的新的整数 保证输入的整数最后一位不是0 输入描述 输入一个int型整数 输出描述 按照从右向左的阅读顺序 xff0c 返回一个不含重复数字
  • C#WinForm

    WinForm 是 Windows Form 的简称 xff0c 是基于 NET Framework 平台的客户端 xff08 PC软件 xff09 开发技术使用 C 编程 C WinForm 编程需要创建Windows窗体应用程序项目 W
  • Mininet命令学习【mininet-上】【C4-01】

    文章目录 1 网络构建参数 topo1 单一 xff08 single xff09 拓扑2 线形 xff08 linear xff09 拓扑3 树形 xff08 tree xff09 拓扑4 自定义 xff08 custom xff09 拓
  • python之无参装饰器

    在讲装饰器之前 xff0c 要知道以下知识点 一 储备知识点 1 args xff0c kwargs span class token keyword def span span class token function index spa
  • 分布式锁:Redisson源码解析——RLock(一)

    分布式锁 Redisson源码篇 加锁 xff08 一 xff09 初始化锁对象RLock的整体类图CommandAsyncExecutor 加锁 ReentrantLock方法重载第一次加锁及watchdog续约重点设计连接发送数据结构w
  • 事件的理解

    事件 1 事件就是浏览器窗口中发生的一些特定的交互瞬间 事件也可以捕获 下图是JavaScript的事件的捕获和冒泡过程 xff1a 常用的事件也是有很多的 xff0c 下面我就不一一说明了 xff0c 直接给大家上图好了 xff1a Ja