js基础——事件（鼠标事件、键盘事件、表单事件......）

最新推荐文章于 2024-10-10 16:21:32 发布
最新推荐文章于 2024-10-10 16:21:32 发布
阅读量231 收藏
点赞数 2
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z_B_L/article/details/132827126
版权
本文详细介绍了JavaScript中常见的DOM元素交互事件，包括鼠标操作（如click、dblclick等）、键盘输入事件（keydown、keyup、keypress）、表单事件（input、change等）、window相关事件（load、unload等）以及焦点管理事件（focus、blur）。
摘要由CSDN通过智能技术生成

鼠标事件

click：用户在同一个元素上按下并松开一个按键（单击）

dblclick：用户在同一个元素上连续两次按下并松开一个按键

mousedown：用户在一个元素上按下鼠标按键（按下触发）

mouseup：用户在一个元素上松开鼠标按键

mousemove：用户移动鼠标（不会发生在触摸屏上）

mouseover：用户将鼠标移到一个元素上（不会发生在触摸屏上）

mouseout：用户将鼠标从一个元素上移开（不会发生在触摸屏上）

键盘事件

keydown：用户第一次按下一个键（按下这个键时会反复触发）

keyup：用户松开一个键

keypress：键入了一个字符（按住这个键时会反复触发）

表单事件

input：<input>或<textarea>元素中的值发生了变化（IE9+）或拥有contenteditable属性的元素中的值发生了变化

change：复选框、单选框或单选按钮的值发生了变化（IE9+）

submit：用户提交表单（使用按钮或键盘提交）

reset：用户单击了表单上的重置按钮

cut：用户从一个表单域中剪切了内容

copy：用户从一个表单域中复制了内容

paste：用户从一个表单域中粘贴了内容

select：用户在一个表单域中选中了一些文本

window事件

load：Web页面加载完成

unload：Web页面正在卸载（通常是因为请求了一个新的页面）

error：当浏览器遇到javaScript错误或有不存在的资源触发

resize：浏览器窗口的大小发生了变化

scroll：用户使用滚动条移动了页面

焦点事件

focus/focusin：元素得到焦点

burl/focusout：元素失去焦点

Z_BL
关注
JS 系列之 事件—表单事件
Happy Simon
03-15 2745
今天跟大家分享一下JS系列之表单事件。 1 表单事件的种类 1.1 input 事件 input事件当、、的值发生变化时触发。对于复选框（）或单选框（），用户改变选项时，也会触发这个事件。另外，对于打开contenteditable属性的元素，只要值发生变化，也会触发input事件。 input事件的一个特点，就是会连续触发，比如用户每按下一次按键，就会触发一次input事件。 input事件对象...
React-class——React表单与事件（受控组件与非受控组件、事件类型、事件对象、事件绑定）、React组件生命周期、面试
qq_52301431的博客
10-12 1096
时，一般都要为表单元素传入应用状态中的值，我们需要根据表单元素中用户的输入，对应用数据进行相应的操作和改变。- React对原生的事件系统也进行了封装，在React中的事件对象实际上是一个跨浏览器的**虚拟事件对象** ，它拥有和原生事件对象相同的属性和方法。受控组件的值由props或state传入给受控组件（表单的输入框），用户在元素上交互或输入内容会引起应用state的改变。在我们用React开发应用时，为了更好地管理应用中的数据，响应用户的输入，编写组件的时候呢，我们就会运用到**
【JavaScript】常见的事件(鼠标、键盘、表单等)
浅陌繁星的博客
01-19 1798
/ 获取 移动的时候 光标距离窗口左上角的位置 - 初始的时候 光标距离元素左上角的位置。// 如果代码进入这里，表示开关关闭，也就是鼠标抬起，不能拖拽。// 记录刚开始的时候鼠标距离元素左上角的位置。// 设置 div 的top left。事件按下的内容必须和出现的内容一致。✍评论：您的建议是我改进的良药！// 如果开关关闭 不能拖拽。// 默认元素不可以拖拽。// 1. 鼠标按下。// 2. 鼠标抬起。// 3. 鼠标移动。
javascript学习——表单事件详解
最新发布
白话机器学习
10-10 1283
input事件当的值发生变化时触发。对于复选框（）或单选框（），用户改变选项时，也会触发这个事件。另外，对于打开属性的元素，只要值发生变化，也会触发input事件。input事件的一个特点，就是会连续触发，比如用户每按下一次按键，就会触发一次input事件。input事件对象继承了InputEvent接口。该事件跟change事件很像，不同之处在于input事件在元素的值发生变化后立即发生，而change在元素失去焦点时发生，而内容此时可能已经变化多次。
js 表单事件
qq_35187942的博客
01-06 1053
onsubmit:事件 当提交表单的时候触发 submit()方法 提交表单 &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="{CHARSET}"&gt;         &lt;title&gt;&lt;/title&gt;         &lt;script&g
JS-表单事件
yixiesuifeng的博客
04-05 1041
①onblur(DOM2)：事件会在元素失去焦点时触发。(如：用户离开输入框时执行，经常用于JS验证代码) 浏览器都支持~ 标签都支持，除了那11种： , , , , , , , , , , 和 . 用法：前两种~     function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.
JS 事件 —— 表单事件
白菜执笔人的博客
10-24 1670
Web前端基础 学习笔记 一、表单事件 1.1、onsubmit（绑定提交事件） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS 事件-鼠标事件</title> <script> window.onlo...
JavaScript程序设计——事件处理实验报告.docx
11-11
实验报告详细介绍了JavaScript事件处理的相关知识，这在Web开发中是非常关键的一部分，因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明： 1. **JavaScript事件基本概念**： - **事件**：是用户...
第11章 JS-Web-API-事件【事件不会，等于残废，必考！必考！】.rar
12-24
JavaScript还提供了一系列内置的事件类型，如鼠标事件（click, mouseover, mouseout）、键盘事件（keydown, keyup, keypress）、触摸事件（touchstart, touchmove, touchend）和形式事件（submit, change, focus, ...
Vue.js 2.x 官方文档学习记录
qq_44711532的博客
08-20 1210
概念 是用于构建用户界面的渐进式框架。 自底向上逐层应用 只关注视图层 便于与第三方库或既有项目整合 与现代化的工具链以及各种支持类库结合使用 能够为复杂的单页应用提供驱动 特点 响应式数据 指令系统 组件化应用构建 允许使用小型、独立和通常可服用的组件构建大型应用 使用 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的 1.引入vue.js文件包 2.body中,设置Vue管理渲染的容器<div id="app">&lt
javascript基础——（事件：内联、脚本和DOM2、 鼠标事件、键盘事件、HTML事件、事件冒泡、事件捕获、IE和W3C兼容事件、阻止默认行为、鼠标滚轮、上下文菜单、手机事件）
ranran0306的博客
05-09 565
javascript基础——（事件：内联、脚本和DOM2、 鼠标事件、键盘事件、HTML事件、事件冒泡、事件捕获、IE和W3C兼容事件、阻止默认行为、鼠标滚轮、上下文菜单、手机事件、正则）
javascript表单事件汇总
10-22
javascript表单事件汇总,纯文本格式
js表单事件详细汇总
01-21
javascript表单事件汇总 1。onabort（ns3，ns4，ie4）：当用户终止正在打开的网页时产生该事件。 2。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。 3。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。 4。onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生 5。ondblclick（ns4，ie4）：双击网页上的元素时产生 6。onerror（ns3，ns4，ie4）：浏览
javascript中的表单事件
zhuying6666的博客
02-19 489
// JavaScript source code function judgment () { //获取验证是否为空的响应元素 var _isContent = document.getElementById("_isContent"); var _strs = document.getElementById("strs");//获取待验证的文本对象 //绑定按钮事件
js中表单相关的事件
个人笔记
03-26 347
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get" id="f"> <input type="text" placeholder="请输入文本" id="i1"/> <input t
js系列教程9-表单元素全解
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-09 2910
myform = document.getElementById("myform"); //acceptCharset服务器能够处理的字符集，action请求地址，elements表单字段input集合，enctype请求的编码类型，length表单控件数量，method请求方式，name名称，reset()表单恢复默认值，submit()表单提交，提交前触发，target请求发送和接收相应的窗口名
【前端面试题】【EVENT】
m0_57517704的博客
09-13 154
JSON是一种特殊格式的字符串，可以与数组，对象进行转换，常用于前后端数据交互，文件配置说明。2.sessionStorage数据依赖浏览器，当页面关闭或者退出浏览器时清空数据，存储量大。把事件添加给标签的父元素，通过事件对象e.target来实现具体操作。3.cookie 可以为数据设置过期时间，存储量小，可以与后台共用。函数内实现另一个函数，局部变量数据持久化，造成一定内存压力。8.事件冒泡:同类型事件，子级向父级传递。9.事件捕获：同类型事件，父级向子级传递。change：内容被修改并且失去焦点。
JS:表单事件（7个）
weixin_59519449的博客
10-09 1725
表单事件 属性 描述 onfocus 元素获取焦点时触发 onblur 元素失去焦点时触发 onchange 该事件在表单元素的内容改变时触发( input, select, 和 textarea) oninput 元素获取...
js表单事件总结
m0_46205209的博客
08-13 384
onChange 内容发生改变时并且失去焦点 。常用于获取表单内容时。 在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发 。 onblue input失去焦点时，就会被调用。 常用于表单验证 onfoucs 获得焦点时就会被调用。 常用于表单获取焦点时的外观变化。 JS事件函数总结 https://blog.csdn.net/qq_41194704/article/details/10270
JavaScript+jQuery：深入理解事件流与冒泡机制
此外，书中还会涉及事件的类型，如鼠标事件（click、mouseover、mouseout）、键盘事件（keydown、keyup）、表单事件（submit、change）等，以及如何有效地监听和管理这些事件，包括阻止事件的默认行为、委托事件处理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值