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

目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
1月前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
2月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
30 1
|
2月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
31 1
|
10天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
|
12天前
|
JavaScript 前端开发 流计算
JS:oninput和onchange事件的区别
JS:oninput和onchange事件的区别
15 1
|
1月前
|
JavaScript 前端开发
JS页面加载事件
JS页面加载事件
|
1月前
|
JavaScript
|
1月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
19 3
|
1月前
|
JavaScript
js事件记录(如有更新请留言我去补充)
js事件记录(如有更新请留言我去补充)