js基础——事件(鼠标事件、键盘事件、表单事件......)

简介: js基础——事件(鼠标事件、键盘事件、表单事件......)

鼠标事件

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:元素失去焦点

目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
2月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
38 2
|
13天前
ractive.js联系表单动画效果源码
一款ractive.js联系表单动画效果,很有创意的发送邮件、联系内容等表单,基于ractive.js实现的动画效果,以发送信件的方式。
23 1
|
20天前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
34 3
|
2月前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
49 6
|
2月前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
50 4
|
3月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
44 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
前端技术分享:使用Vue.js构建响应式表单
【10月更文挑战第1天】前端技术分享:使用Vue.js构建响应式表单
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
24 5
|
3月前
|
监控 JavaScript 前端开发