事件高级部分

一,注册事件

即给元素添加事件

1.传统注册方式

2.方法监听注册方式

事件类型:字符串形式,不用带on

可以给一个元素添加多个程序

二.删除事件

1.方式

参数见上文

三.DOM事件流

事件的传播过程叫做事件流

js代码只能获取一个阶段:捕获或冒泡

 onclick或attachEvent只能得到冒泡阶段

捕获阶段:先从父级到子级,监听注册:第三个参数为true。会先弹出父级在弹出子级

冒泡阶段:监听注册:第三个参数为false或省略,从子级到父级,会先弹出子级的再弹出父级的

比起捕获我们更关心冒泡

四,事件对象

event就是事件,写在侦听事件的小括号里面

div.οnclick=function(event){}

常见的属性和方法

2,阻止默认行为

让链接不跳转,或按提交按钮不提交

除了上图的那一个,用return false也可以,缺点是:return后面的代码就不执行了

五,阻止冒泡

1,阻止冒泡的两种方式

兼容性的解决方案:
 

六,事件委托

1,原理

不是每个子节点单独设置事件监听器,而是监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。

好处:只用操作一次DOM,提高了性能

七,常见的鼠标事件

1.禁止鼠标右键菜单

2.禁止鼠标选中

3.鼠标事件对象

可视页面:就可看见的那一部分,控制面板上面

文档页面:是整体的部分,是有滚动条的

八,常见的键盘事件

同时写先执行down-press-up

1.键盘事件对象

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/10666.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JAVA_3

JAVA_3 一、JAVA类和对象二、JAVA内存如何运转三、JAVA-constructer 一、JAVA类和对象 类包含三个内容: 1.属性field,静态特征(数据) 2.方法method,负责动态行为操作数据 3.构造器constructer,负责初始化对象&#xf…

OpenGL导入的纹理图片错位

在OpenGL中导入图片的纹理照片的函数为 glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, p_w, p_h, 0, GL_BGR, GL_UNSIGNED_BYTE, pic_data);其中p_w, p_h为图片的宽和高,pic_data为指向图片存储空间的的地址(unsigned char *类型) 在OpenGL中图片默认是4字节对齐的&…

Minio 简介及单机部署

系列文章目录 第一章 Minio 简介及单机部署 Minio 简介及单机部署 系列文章目录简介优点高性能可扩展性云的原生支持开放全部源代码 企业级支持与Amazon S3 兼容简单全世界增长最快的对象存储系统 特性擦除码Bitrot保护加密WORM身份认证和管理连续复制全局一致性多云网关 架构…

JUC下的BlockingQueue详解

BlockingQueue是Java并发包(java.util.concurrent)中提供的一个接口,它扩展了Queue接口,增加了阻塞功能。这意味着当队列满时尝试入队操作,或者队列空时尝试出队操作,线程会进入等待状态,直到队列状态允许操作继续。这…

HDFS HA 修改nameservice

本例中修改将原来的hdfs-ha 修改为 hdfs-ns 停止HDFS, 防止新的业务操作 等待停止结束 KDE中需要调整的配置项如下图所示 a.搜索栏找到fs.defaultFS,将hdfs://hdfs-ha改为hdfs://hdfs-ns b.搜索栏找到dfs.nameservices,将hdfs-ha改为hdfs-ns c.搜索栏找…

设施农业(大棚种植)远程监控系统设计 STM32+51单片机 含pcb 上下位机源码 原理图

目录 摘要 1. 引言 2. 系统方案 3. 系统硬件设计 4. 系统软件设计 5. 系统创新 6. 评测与结论 7、实物图 8、原理图 ​9、程序 10、资料内容 资料下载地址:设施农业(大棚种植)远程监控系统设计 STM3251单片机 含pcb 上下位机源码 原理图 论文 摘要 …

FileLink跨网文件传输医疗行业解决方案

随着医疗行业的快速发展,医疗机构之间的信息共享和文件传输需求日益增加。然而,由于网络环境的复杂性和数据安全性的要求,传统的文件传输方式已经无法满足医疗行业的需求。为此,我们推出了FileLink跨网文件传输医疗行业解决方案&a…

【NTN 卫星通信】参考卫星集成场景和架构

1 卫星接入场景 1.1 同一PLMN内的卫星和地面接入网 一个PLMN可以同时具有地面3GPP接入和卫星3GPP接入。在此场景中,单独的N2实例处理单独的访问类型节点。然而,卫星接入网的覆盖范围可以跨越地面接入网的覆盖范围。 图1 同PLMN架构下的卫星和地面3GPP接…

基于51单片机的多路温度检测调节串口传输系统

基于51单片机的多路温度检测调节 (仿真+程序) 功能介绍 具体功能: 1.采用四个DS18B20温度传感器测温,LCD1602显示四路温度值; 2.三个按键可以设置温度上下限; 3.当每路温度值超过设定的上或下限时,蜂鸣器报警,对应的指示灯亮;…

常用类与基础API

一、字符串相关类之不可变字符序列String 1.类的声明: public final class String implements java.io.Serializable,Comparable<String>,CharSequence 1.final:String是不可被继承的; 2.Serializable:可序列化的接口&#xff0c;凡是实现此接口类的对象可以通过网络或…

Python自动化:账号密码获取计算题验证码

实现自动化登录和获取图片验证码功能 计算题验证码使用的OCR是ddddocr&#xff0c;经过实践比tesseract精度更高对于页面具体的find_element需要结合源网址进行一定的修改&#xff0c;请注意 # 自动添加用户名&#xff0c;密码&#xff0c;计算题验证码from selenium import …

react 组件表格固定底部

在React中&#xff0c;要实现一个组件表格并且固定底部&#xff0c;可以使用CSS的固定定位或绝对定位来实现。以下是一个简单的例子&#xff1a; import React from react; import ./App.css;function App() {return (<div className"App"><div className&…

【PHP【实战版】系统性学习】——登录注册页面的教程,让编写PHP注册变成一个简单的事情

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;开发者-曼亿点 &#x1f468;‍&#x1f4bb; hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍&#x1f4bb; 本文由 曼亿点 原创 &#x1f468;‍&#x1f4bb; 收录于专栏&#xff1a…

无人机+通信中继:短波电台技术详解

随着无线通信技术的不断发展&#xff0c;无人机作为一种新型的信息传输平台&#xff0c;已经在多个领域得到了广泛应用。其中&#xff0c;无人机与短波电台的结合&#xff0c;为通信中继领域带来了全新的可能性。本文将详细解析无人机在通信中继中的应用&#xff0c;以及短波电…

sentinel搭建及使用

1.添加依赖&#xff08;版本可依赖于父pom&#xff09; SentinalResource注解&#xff1a; 添加依赖&#xff1a; blockhandler: fallback:

简易留言板

目录 前端实现 数据库的使用 创建数据表 创建项目 连接数据库 后端实现 接口定义 持久层 业务逻辑层 控制层 前端代码完善 留言板是一个常见的功能&#xff0c;在本篇文章中&#xff0c;将实现一个简易的留言板&#xff1a; 页面中能够显示所有留言内容&#xff0c…

《视觉十四讲》例程运行记录(6)——运行ch9后端优化CeresBA和g2o求解BA的实践例程

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 一、运行ch9的例程代码1. MeshLab安装2. 编译例程代码前的修改3. 编译例程 一、运行ch9的例程代码 1. MeshLab安装 (1) 软件中心安装 搜索&#xff1a;MeshLab&am…

oracle 新_多种块大小的支持9i

oracle 新_多种块大小的支持 conn sys/sys as sysdba SHOW PARAMETER CACHE ALTER SYSTEM SET DB_CACHE_SIZE16M; ALTER SYSTEM SET DB_4K_CACHE_SIZE8M; CREATE TABLESPACE K4 DATAFILE F:\ORACLE\ORADATA\ZL9\K4.DBF SIZE 2M BLOCKSIZE 4K; CREATE TABLE SCOTT.A1 TABLESP…

LVDS 接口标准和规范

低压差分信号具有传输速率快、抗干扰性强的特点&#xff0c;是现在广泛应用的数据接口标准之一。Xilinx FPGA支持LVDS电平标准&#xff0c;并提供了动态相位调整解决方案&#xff0c;解决了基于LVDS源同步传输时存在的数据偏斜问题。 1 LVDS 技术规范简介 随着接口和背板信号…

乡村振兴与乡村振兴战略的深度融合:落实乡村振兴战略,推动乡村全面发展,打造富强民主文明和谐美丽的社会主义现代化新农村

一、引言 在全面建设社会主义现代化国家的新征程中&#xff0c;乡村振兴战略承载着推动乡村全面发展、实现农业农村现代化的重大使命。乡村振兴战略的实施&#xff0c;不仅关系到亿万农民的福祉&#xff0c;也关系到国家整体发展的质量和水平。因此&#xff0c;深化乡村振兴与…