一文解读JavaScript中的事件知识

简介: 一文解读JavaScript中的事件知识

前言


相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScript,因为它对做网页方面是有很大作用的。


1.事件


1).鼠标事件

onclick     #鼠标单击  ondblclick  #双击鼠标onmousedown #鼠标按钮被按下。onmousemove #鼠标被移动。onmouseover #鼠标移到某元素之上。onmouseout  #鼠标从某元素移开。onmouseup   #鼠标按键被松开。

image.png

2).键盘事件

onkeydown #按键被按下onkeypress #按键被按下并松开onkeyup #按键被松开

image.png

3)框架事件

onabort 图像的加载被中断 onerror 在加载文档或图像时发生错误onload  页面或图像完成加载  onresize 窗口或框架被重新调整大小onscroll 滚动事件onunload 退出页面

image.png

可以看到一会儿就滚动了这么多下。

4).表单对象

onblur 元素失去焦点 onchange 文本域的内容被改变onfocus 元素获得焦点onreset 重置按钮onselect 文本选中onsubmit 确认提交

image.png


总结


这篇文章主要结束了JavaScript的事件知识。下一篇文章,我们继续介绍JavaScript,敬请期待!

相关文章
|
11月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
5月前
|
JavaScript 前端开发 Java
【Java进阶】详解JavaScript事件
总的来说,JavaScript事件是JavaScript交互设计的核心,理解和掌握JavaScript事件对于编写高效、响应式的网页应用至关重要。
91 15
|
JavaScript 前端开发
js事件队列
js事件队列
193 55
|
11月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
98 3
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
73 2
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
164 0
|
8月前
|
JavaScript 前端开发 测试技术
盘点原生JavaScript中直接触发事件的方式
本文全面探讨了原生JavaScript中触发事件的多种方式,包括`dispatchEvent`、`Event`构造函数、`CustomEvent`构造器、直接调用事件处理器以及过时的`createEvent`和`initEvent`方法。通过技术案例分析,如模拟点击事件、派发自定义数据加载事件和实现提示框系统,帮助开发者掌握这些方法在实际开发中的应用,提升灵活性与兼容性。
229 3
|
10月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
335 5
|
11月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
157 6
|
12月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
73 5