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。