当前位置: 首页 > news >正文

JS常用的几种事件

JavaScript常用的几种事件有:

  1. 点击事件:当用户点击某个元素时触发,常用于按钮、链接等交互元素。事件名称为"click"。
javascriptbutton.addEventListener('click', function() {
alert('按钮被点击了!');
});
  1. 鼠标移动事件:当用户将鼠标指针移动到某个元素上时触发,事件名称为"mouseover"。
javascriptbutton.addEventListener('mouseover', function() {
alert('鼠标移到按钮上了!');
});
  1. 鼠标离开事件:当用户将鼠标指针从某个元素上移开时触发,事件名称为"mouseout"。
javascriptbutton.addEventListener('mouseout', function() {
alert('鼠标离开了按钮!');
});
  1. 键盘事件当用户在键盘上按下某个键时触发,常用于表单输入、游戏控制等。事件名称为"keydown"、"keyup"和"keypress"。
javascriptdocument.addEventListener('keydown', function(event) {
console.log('按下的键是:', event.key);
});
  1. 页面加载事件:当页面完全加载完成后触发,常用于页面初始化的操作。事件名称为"load"。
javascriptwindow.addEventListener('load', function() {
alert('页面加载完成!');
});
  1. 表单提交事件:当表单被提交时触发,常用于验证表单数据。事件名称为"submit"。
javascriptform.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单的默认提交行为
// 进行表单验证等操作...
});

相关文章:

JS常用的几种事件

JavaScript常用的几种事件有: 点击事件:当用户点击某个元素时触发,常用于按钮、链接等交互元素。事件名称为"click"。 javascriptbutton.addEventListener(click, function() { alert(按钮被点击了!); }); 鼠标移动事…...

代码随想录算法训练营第一天| 27 移除元素 704 二分查找

目录 27 移除元素 704 二分查找 27 移除元素 快指针遍历&#xff0c;慢指针记录 class Solution { public:int removeElement(vector<int>& nums, int val) {int l 0,r 0;for(;r < nums.size();r){if(nums[r] val){}else{nums[l] nums[r];}}return l;} }; …...

深度生成模型(Deep Generative Models)

什么是机器学习 深度生成模型&#xff08;Deep Generative Models&#xff09;是一类利用深度学习方法生成新样本的模型。这些模型通常被用于生成与训练数据集相似的新数据&#xff0c;例如图像、文本或音频。深度生成模型的两个主要类型是生成对抗网络&#xff08;GANs&#…...

C++(20):vector通过erase,erase_if删除符合条件的元素

C++20前,vector可以通过成员函数erase删除迭代器指定的元素,并返回被删除的下一个元素: iterator erase( iterator pos ); iterator erase( iterator first, iterator last ); 1.删除单个元素 #include <vector> #include <iostream> #include <algorithm&…...

树莓派ubuntu:新增用户

切换到Root用户 sudo -i创建新用户 useradd -m 新用户名设置密码 passwd 新用户名将新用户加入sudo用户组 adduser newname sudo拷贝数据 cp -R /home/旧用户名/* /home/新用户名/查看用户所属组 id 新用户名更改文件所属 sudo chown 新用户名:group /home/新用户名/*gr…...

C //练习 5-14 修改排序程序,使它能处理-r标记。该标记表明,以逆序(递减)方式排序。要保证-r和-n能够组合在一起使用。

C程序设计语言 &#xff08;第二版&#xff09; 练习 5-14 练习 5-14 修改排序程序&#xff0c;使它能处理-r标记。该标记表明&#xff0c;以逆序&#xff08;递减&#xff09;方式排序。要保证-r和-n能够组合在一起使用。 注意&#xff1a;代码在win32控制台运行&#xff0c…...

CAN总线报文格式———标准数据帧

标准数据帧 : 用于节点向外传送数据 标准数据帧由帧起始、仲裁段、控制段、数据段、CRC段、ACK段、帧结束等组成。 一、总线空闲&#xff08;Bus Idle&#xff09; CAN总线空闲时&#xff0c;总线上会输出持续的高电平“1”。当总线空闲时任何连接的单元都可以开始发送新的报…...

DFT中的SCAN、BIST、ATPG基本概念

DFT中的SCAN、BIST、ATPG基本概念 SCAN 定义 扫描路径法是一种针对时序电路芯片的DFT方案&#xff0c;目标是在不影响正常功能的情况下来能够提高可控性和可观测性。 原理 原理是将时序电路可以模型化为一个组合电路网络和带触发器(Flip-Flop&#xff0c;简称FF)的时序电路…...

掌握 Vue 响应式系统,让数据驱动视图(下)

&#x1f90d; 前端开发工程师&#xff08;主业&#xff09;、技术博主&#xff08;副业&#xff09;、已过CET6 &#x1f368; 阿珊和她的猫_CSDN个人主页 &#x1f560; 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 &#x1f35a; 蓝桥云课签约作者、已在蓝桥云…...

apache、nginx、php 隐藏版本号

apache、nginx、php 隐藏版本号 针对的系统都是CentOS 1、没配置之前 1.1 Server: Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.2.24 mod_wsgi/3.4 Python/2.7.5 1.2 Server: nginx/1.16.0 1.3 X-Powered-By&#xff1a;7.2.24 2、配置信息 不知道具体位置&#xff0c;可…...

sqoop的安装与使用

Sqoop是一个用于在hadoop与mysql之间传输数据的工具 Sqoop 环境搭建 (1)上传安装包:sqoop-1.4.6-cdh5.14.2.tar.gz到/opt/software (2)解压安装包:tar -zxf sqoop-1.4.6-cdh5.14.2.tar.gz -C /opt/install/ (3)创建软连接:ln -s /opt/install/sqoop-1.4.6-cdh5.14.2/ /opt/ins…...

【docker】Docker Stack 详细使用及注意事项

一、什么是 Docker Stack Docker Stack 是 Docker Swarm 环境中用于管理一组相关服务的工具。它使得在 Swarm 集群中部署、管理和扩展一组相互关联的服务变得简单。主要用于定义和编排容器化应用的多个服务。以下是 Docker Stack 的一些关键特点&#xff1a; 服务集合&#xf…...

Android开发基础(四)

Android开发基础&#xff08;四&#xff09; 本篇将从Android数据存储方式去理解Android开发。 Android数据存储方式 Android提供了多种数据存储方式。 一、SharedPreferences存储 主要用于存储一些简单的配置信息&#xff0c;如登录账号密码等&#xff1b; 这种存储方式采…...

HTML5+CSS3+JS小实例:音频可视化

实例:音频可视化 技术栈:HTML+CSS+JS 效果: 源码: 【HTML】 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><m…...

【写作】短篇《相遇与相守》

文章目录 前言背景角色故事梗概 第一章 缘分的邂逅第二章 心动的瞬间第三章 甜蜜的日子第四章 误会与和解第五章 共度风雨 前言 背景 时代背景 现代&#xff0c;一个充满忙碌和喧嚣的都市。这个都市是许多年轻人追求梦想和奋斗的地方&#xff0c;但也是许多人渴望寻找真挚感情…...

2024年最新软件测试面试题

Part1 1、你的测试职业发展是什么&#xff1f;【文末有面试文档免费领取】 测试经验越多&#xff0c;测试能力越高。所以我的职业发展是需要时间积累的&#xff0c;一步步向着高级测试工程师奔去。而且我也有初步的职业规划&#xff0c;前3年积累测试经验&#xff0c;按如何做…...

instanceof、对象类型转化、static关键字

instanceof 与 对象类型转换 instanceof是判断一个对象是否与一个类有关系的关键字 先看引用类型&#xff0c;再看实际类型 *例子&#xff1a;obj instanceof A 先看obj的类型是否与A有关联&#xff0c;无关联则报错&#xff0c;有关联则判断obj的实际类型 因为obj的实际类…...

学习笔记-python文件基本操作

1.文件的基本操作 open()打开函数 语法 : open(name,mode) name&#xff1a;是要打开的目标文件名的字符串(可以包含文件所在的具体路径)。 mode&#xff1a;设置打开文件的模式(访问模式)&#xff1a;只读、写入、追加等。 # 打开文件open(): 如果报FileNotFoundError,文件路…...

【Scala】——流程控制

1 if-else 分支控制 让程序有选择的的执行&#xff0c;分支控制有三种&#xff1a;单分支、双分支、多分支 1.1单分支 if (条件表达式) {执行代码块 }1.2 双分支 if (条件表达式) {执行代码块 1 } else {执行代码块 2 }1.3 多分支 if (条件表达式1) {执行代码块 1 } else …...

imgaug库指南(20):从入门到精通的【图像增强】之旅

引言 在深度学习和计算机视觉的世界里&#xff0c;数据是模型训练的基石&#xff0c;其质量与数量直接影响着模型的性能。然而&#xff0c;获取大量高质量的标注数据往往需要耗费大量的时间和资源。正因如此&#xff0c;数据增强技术应运而生&#xff0c;成为了解决这一问题的…...

【C++ 面试突击 · 06】大厂高频面试题:从 decltype 类型推导到 volatile 内存屏障解析

目录 1. C中的 decltype 关键字是什么&#xff1f; 2. C中的 volatile 关键字是什么&#xff1f; 3. C中的友元函数是否破坏了封装性&#xff1f; 4. C中的 mutable 关键字是什么&#xff1f; 5. mutable 关键字有哪些实际用途&#xff1f; 6. 如何在 C 中避免内存碎片问…...

Swin2SR进阶使用:通过HTTP链接实现远程增强

Swin2SR进阶使用&#xff1a;通过HTTP链接实现远程增强 1. 引言&#xff1a;从本地工具到远程服务 如果你用过Swin2SR这个AI图像超分工具&#xff0c;一定会被它“化腐朽为神奇”的能力震撼——一张模糊的小图&#xff0c;经过AI的“脑补”&#xff0c;瞬间变成细节丰富的高清…...

SpringBoot项目如何动态加载用户上传的Jar包?两种热部署方案对比

SpringBoot动态加载用户Jar包实战&#xff1a;两种热部署方案深度解析 在当今快速迭代的软件开发环境中&#xff0c;插件化架构正成为提升系统扩展性的关键策略。作为Java生态中最流行的框架之一&#xff0c;SpringBoot项目常面临需要动态加载用户自定义Jar包的需求场景。本文将…...

5大核心功能解锁N_m3u8DL-RE:跨平台流媒体下载终极指南

5大核心功能解锁N_m3u8DL-RE&#xff1a;跨平台流媒体下载终极指南 【免费下载链接】N_m3u8DL-RE 跨平台、现代且功能强大的流媒体下载器&#xff0c;支持MPD/M3U8/ISM格式。支持英语、简体中文和繁体中文。 项目地址: https://gitcode.com/GitHub_Trending/nm3/N_m3u8DL-RE …...

探秘含齿根裂纹的超高自由度斜齿 - 轴承复合故障特性

含齿根裂纹——轴承内圈&#xff0c;外圈&#xff0c;滚动体的超高自由度斜齿–轴承复合故障特性分析!才用残差法突出故障时域响应&#xff0c;采用包络谱对故障特征频率进行分析&#xff0c;模型难度巨大在机械系统的复杂世界里&#xff0c;含齿根裂纹以及轴承内圈、外圈、滚动…...

智能协作:让快马AI成为你的算法优化顾问,自动分析并改进代码

今天想和大家分享一个特别实用的开发技巧——如何用AI辅助优化算法代码。作为一个经常和动态规划算法打交道的开发者&#xff0c;我发现InsCode(快马)平台的AI功能真的能帮我们省去很多重复劳动。 先说说我最近遇到的一个实际问题&#xff1a;经典的0-1背包问题。虽然动态规划…...

Flutter助力斩获大厂offer:我的技术突破与成长之路

一、起点&#xff1a;迷茫与选择 2024年春天&#xff0c;我站在人生的十字路口。 非科班出身、零项目经验、简历一片空白&#xff0c;投了20多份简历&#xff0c;连面试机会都寥寥无几。那时的我&#xff0c;每天刷着招聘软件&#xff0c;看着“3年经验”“精通Flutter/React …...

智能排障:借助快马AI构建Vivado安装问题自动诊断与修复助手

作为一名FPGA开发者&#xff0c;Vivado安装过程中的各种报错简直是家常便饭。每次遇到新问题都要花大量时间搜索解决方案&#xff0c;效率实在太低。最近尝试用InsCode(快马)平台的AI能力搭建了一个智能诊断工具&#xff0c;效果出乎意料的好&#xff0c;分享下具体实现思路。 …...

技能组合艺术:OpenClaw串联QwQ-32B实现复杂工作流

技能组合艺术&#xff1a;OpenClaw串联QwQ-32B实现复杂工作流 1. 为什么需要工作流串联 当我第一次接触OpenClaw时&#xff0c;最让我兴奋的不是它能完成某个单一任务&#xff0c;而是它能够将多个技能像乐高积木一样组合起来。这种能力让我想到了现实工作中的场景——很少有…...

保姆级教程:用Brainstorm搞定运动想象EEG分析,从时频图到分类器实战

保姆级教程&#xff1a;用Brainstorm搞定运动想象EEG分析&#xff0c;从时频图到分类器实战 运动想象脑电&#xff08;EEG&#xff09;分析是脑机接口&#xff08;BCI&#xff09;研究中的经典课题&#xff0c;也是许多研究生和初学者的第一个实战项目。但面对复杂的信号处理和…...