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

js的事件

JS的事件介绍
JS(JavaScript)是基于对象(Object-based)、事件驱动的脚本语言。

JS事件,就是用户或浏览器本身的某种行为,一般是用户对页面的一些动作引起的,例如,单击某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时,您可以使用 JavaScript 中的事件处理程序(也可称为事件监听器)来检测并执行某些特定的程序。JS(JavaScript)与HTML 之间的交互是通过事件(event)实现的,或者说,事件是JavaScript和DOM之间进行交互的桥梁。

一般情况下事件的名称都是以单词on开头的,例如点击事件 onclick、页面加载事件 onload 等。

JavaScript常见的事件大体分类及常用事件:

1)鼠标事件

事件         说明

onclick     //鼠标单击事件onmouseover   //鼠标移入事件onmouseout    //鼠标移出事件onmousedown     //鼠标按下事件onmouseup     //鼠标松开事件onmousemove        //鼠标移动事件

2)键盘事件

onkeydown       //键盘按下onkeyup         //键盘松开

3)表单事件

onfocus         //获取焦点时触发onblur          //失去焦点时触发onselect        //选中“单行文本框”或“多行文本框”中的内容时onselectstart   //开始一个新的选择时onchange        //具有多个选项的表单元素选择某一项时触发

4)编辑事件

oncopy          //复制(拷贝)时触发onselect       // 页面内容被选取时触发oncontextmenu   //按下鼠标右键时触发

5)页面事件

onload           //文档加载完成后触发onbeforeunload    //离开页面之前触发

JS的事件的处理及结果同浏览器的环境都有很大的关系,浏览器的版本越新,支持事件就越多,支持的也越完善。【HTML DOM 事件https://www.w3schools.cn/jsref/dom_obj_event.html】

事件调用通常是通过操作HTML属性的方式来实现的,可称为“事件处理器”(event handler)方式,又分为两种:在script标签中调用事件和在元素中调用事件。还有另外一种添加事件的方式,可称为“事件监听器”(event listener)方式,使用addEventListener() 和 removeEventListener()方法。

相关文章:

  • hive授予指定用户特定权限及beeline使用
  • 【C++】静态成员
  • 单链表的查找
  • Python第三次作业
  • Linux:环境变量的特性及获取
  • OpenAI奥特曼豪赌1.42亿破解长生不老
  • python笔记进阶--模块、文件及IO操作(1)
  • 大数据篇 一篇讲明白 Hadoop 生态的三大部件
  • QT作业day2
  • GRE VPN——配置实验
  • 实验3 中文分词
  • 16:00面试,16:06就出来了,问的问题有点变态。。。
  • npm淘宝镜像源切换
  • Redis常见命令
  • 谭浩强第五版C语言课后习题(编程题)+答案
  • 【跃迁之路】【733天】程序员高效学习方法论探索系列(实验阶段490-2019.2.23)...
  • iOS仿今日头条、壁纸应用、筛选分类、三方微博、颜色填充等源码
  • JAVA SE 6 GC调优笔记
  • java多线程
  • java中具有继承关系的类及其对象初始化顺序
  • leetcode讲解--894. All Possible Full Binary Trees
  • Lucene解析 - 基本概念
  • Service Worker
  • 大型网站性能监测、分析与优化常见问题QA
  • 利用DataURL技术在网页上显示图片
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 手机端车牌号码键盘的vue组件
  • 首页查询功能的一次实现过程
  • 一个SAP顾问在美国的这些年
  • 找一份好的前端工作,起点很重要
  • ​水经微图Web1.5.0版即将上线
  • #{} 和 ${}区别
  • #android不同版本废弃api,新api。
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • (Bean工厂的后处理器入门)学习Spring的第七天
  • (C语言)共用体union的用法举例
  • (三)终结任务
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (十一)JAVA springboot ssm b2b2c多用户商城系统源码:服务网关Zuul高级篇
  • (四) 虚拟摄像头vivi体验
  • (一) springboot详细介绍
  • (一)基于IDEA的JAVA基础10
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • .NET MVC第三章、三种传值方式
  • .NET 服务 ServiceController
  • [AX]AX2012 AIF(四):文档服务应用实例
  • [BetterExplained]书写是为了更好的思考(转载)
  • [C++]:for循环for(int num : nums)
  • [CC-FNCS]Chef and Churu
  • [codevs 1288] 埃及分数 [IDdfs 迭代加深搜索 ]
  • [Firefly-Linux] RK3568 pca9555芯片驱动详解
  • [Flutter]打包IPA
  • [LeetCode] 197. 上升的温度
  • [leetcode] Multiply Strings
  • [oeasy]python0004_游乐场_和python一起玩耍_python解释器_数学运算