js中的事件都有哪些,你想知道的js事件这里都有

事件可以说在 js 中扮演了很重要的角色,各种事件在 js 中多多少少都会遇到,那些经常会用到,如点击事件,可能我们已经耳熟能详,可还有很多是我们不太清楚的或者没有遇到的,有些时候又区分不了,所以这篇文章将会让你明明白白地搞清楚 js 中的那些事件。💪💪💪


 

一、鼠标事件🚩

事件名 事件具体作用描述 事件简单描述
onclick  鼠标点击事件,当鼠标左键点击时候会触发。 点击
ondbclick  当鼠标双击时候会触发,并有一个时间间隔,但不能太大。 双击
onmousedown  鼠标按下事件,当鼠标左中右键按下的时候触发 按下
onmouseup  鼠标抬起事件,当鼠标左中右键抬起时候触发 抬起
onmousemove  鼠标移动事件,当鼠标移动到目标元素上就会触发 移动
onmouseover  鼠标移入事件,当鼠标移入到目标元素上就会触发 移入
onmouseout  鼠标移出事件,当鼠标从目标元素上移开的时候就会触发 移出
onmouseenter  鼠标移入事件,当鼠标移入到元素身上就会触发 移入
onmouseleave  鼠标移出事件,当鼠标从元素身上移出的时候触发 移出

 

onmouseover / onmouseout 与 onmouseenter / onmouseleave区别:

onmouseover / onmouseout 事件 目标元素如果有子级元素的话,它会把事件传递给子集元素,(父亲有的东西,儿子也有) ,支持冒泡
onmouseenter / onmouseleave 事件 目标元素如果有子集元素,事件不会被传递给子集元素,(父亲的东西就是父亲的,不归儿子所有) ,不支持冒泡

 

二、键盘事件

事件名称 事件具体作用描述 事件简单描述
onkeydown  当键盘按下去的时候会触发,如果键盘没有抬起来,那这个事件会一直触发。 按下
onkeyup  当键盘按钮抬起来的时候触发。 抬起
onkeypress  当键盘按下数字键或字母键可以触发,功能键除外(上下左右、ctrl、shift、alt)。 按键

 

三、焦点事件

事件名称 事件具体作用描述 事件简单描述
onfocus  当有焦点的元素获取到焦点时候触发(用tab键也会触发这个事件) 触焦
onblur  当有焦点的元素失去焦点时候触发  失焦

 

支持onfocus的对象:button、checkbox、fileUpload、layer、frame、password、radio、reset、select、submit、text、textarea、window。

 

四、滚轮事件

onmousewheel(IE/Chrom):滚轮方向(event.wheelDelta)上:120;下:-120。

 

posted @ 2022-09-01 16:55  CodeFan*  阅读(513)  评论(0编辑  收藏  举报