js事件记录(如有更新请留言我去补充)

简介: js事件记录(如有更新请留言我去补充)

鼠标事件

click:单击鼠标按钮时触发
dblclick:当用户双击鼠标按钮时触发
mousedown :当用户按下鼠标按钮时触发
mouseup:当用户松开鼠标按钮时触发
mousemove:当鼠标指针在元素上移动时触发;
mouseover:当鼠标移到某个元素上方时触发;
mouseout:当鼠标移出某个元素上方时触发;
mouseenter:在鼠标光标从元素外部首次移动至元素范围内触发,不参与冒泡;
mouseleave:鼠标移出;
mouseupoutside:鼠标按下,移出对象松开;

键盘事件

keydown:当用户按下键盘后任意键时触发,如果按住不放,会重复触发
keyup:当用户释放键盘上的键触发;
keypress:当用户按下键盘上的字符键时触发,如果按住不放,会重复触发;

HTML事件

load:当页面完全加载后在window上面触发,或当框架集加载完毕后在框架集上触发
unload:当页面完全卸载后在window上面触发,或当框架集卸载后在框架集上触发;
select:当用户选择文本框(input或textarea)中的一个或多个字符触发;
change:当文本框(input或textarea)内容改变且失去焦点后触发;
input:输入;
focus:当页面或者元素获得焦点时在window及相关元素上面触发;
blur:当页面或元素失去焦点时在window及相关元素上触发;
submit:当用户点击提交按钮在元素上触发;
reset:当用户点击重置按钮在元素上触发;
resize:当窗口或框架的大小变化时在window或框架上触发;
scroll:当用户滚动带滚动条的元素时触发;

触摸事件

touchcancel:触摸系统cancels键
touchend:触摸结束
touchendoutside:触摸开始,移出对象松开
touchmove:触摸移动
touchstart:触摸开始

兼容鼠标和触摸同时触发的

pointercancel:触发系统cancels键
pointerdown:触发按下
pointermove:触发移动
pointerup:触发松开
pointerout:触发移出
pointerover:触发经过
pointertap:触发点击
相关文章
|
3月前
|
JavaScript 前端开发
|
3月前
|
JavaScript 算法
|
3月前
|
JavaScript
|
23天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
12 0
|
4天前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
19 2
|
25天前
|
JavaScript 前端开发 流计算
JS:oninput和onchange事件的区别
JS:oninput和onchange事件的区别
21 1
|
1月前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素依次触发事件,而事件捕获则从最外层元素向内层元素传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。例如: ```javascript element.addEventListener('click', console.log, false); // 冒泡 element.addEventListener('click', console.log, true); // 捕获 ```
18 0
|
1月前
|
JavaScript 前端开发
JS页面加载事件
JS页面加载事件
|
1月前
|
JavaScript
|
1月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
21 3