一文解读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,敬请期待!

相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
5月前
|
JavaScript 前端开发
js事件队列
js事件队列
147 55
|
3月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
46 3
|
4月前
|
JavaScript 前端开发
JavaScript 事件
JavaScript 事件
43 2
|
5月前
|
JavaScript 前端开发
JavaScript 事件的绑定
JavaScript 事件的绑定
53 0
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
61 5
|
3月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
61 6
|
4月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
30 5
|
4月前
|
监控 JavaScript 前端开发
|
3月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
190 0