常用的表单事件有?

简介: 常用的表单事件有?

我们首先来了解下在JavaScript中什么是事件?

      JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

基本原理

当我们在某个元素上添加一个事件时,根据事件执行的前后可以把它当成一个事件流,例如在DOM事件中规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获,然后是实际的目标接收到事件,最后是冒泡阶段,可以在这个阶段对事件做出响应。

首先我们来了解下

1.窗口事件

当鼠标打开页面后,再点击其他文件窗口是就会触发焦点事件

onblur :失去焦点
onfocus:获得焦点
/*  当窗口失去焦点时 */
    window.onblur = function () {
        console.log('窗口失去了焦点!');
    }
    /*  当窗口获得焦点时 */
    window.onfocus = function () {
        console.log('窗口获得了焦点!');
相关文章
|
3月前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
62 4
|
4月前
表单的构成与创建
表单的构成与创建。
22 2
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
|
7月前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
|
7月前
|
前端开发 JavaScript
|
7月前
绑定表单
【6月更文挑战第13天】绑定表单。
34 3
|
7月前
|
开发工具 数据安全/隐私保护 git
大事件项目05,表单校验
大事件项目05,表单校验
|
7月前
|
JavaScript
大事件项目06-注册功能_点击事件和拿到数据
大事件项目06-注册功能_点击事件和拿到数据
|
8月前
|
JavaScript 前端开发
js基础——事件(鼠标事件、键盘事件、表单事件......)
js基础——事件(鼠标事件、键盘事件、表单事件......)
64 0
|
前端开发
61EasyUI 表单 - 创建异步提交表单
61EasyUI 表单 - 创建异步提交表单
50 0