这篇具有很好参考价值的文章主要介绍了js--事件都有哪些。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。
一、鼠标事件🚩
事件名—描述 |
事件具体作用描述 |
onclick—点击 |
鼠标点击事件,当鼠标左键点击时候会触发。 |
ondbclick—双击 |
当鼠标双击时候会触发,并有一个时间间隔,但不能太大。 |
onmousedown—按下 |
鼠标按下事件,当鼠标左中右键按下的时候触发。 |
onmouseup—抬起 |
鼠标抬起事件,当鼠标左中右键抬起时候触发。 |
onmousemove—移动 |
鼠标移动事件,当鼠标移动到目标元素上就会触发 。 |
onmouseover—移入 |
鼠标移入事件,当鼠标移入到目标元素上就会触发 。 |
onmouseout—移出 |
鼠标移出事件,当鼠标从目标元素上移开的时候就会触发。 |
onmouseenter—移入 |
鼠标移入事件,当鼠标移入到元素身上就会触发 。 |
onmouseleave—移出 |
鼠标移出事件,当鼠标从元素身上移出的时候触发 。 |
Tip:onmouseover / onmouseout 与 onmouseenter / onmouseleave区别:
事件名—描述 |
事件具体作用描述 |
onmouseover / onmouseout 事件 |
目标元素如果有子级元素的话,它会把事件传递给子集元素,(父亲有的东西,儿子也有) ,支持冒泡。 |
onmouseenter / onmouseleave 事件 |
目标元素如果有子集元素,事件不会被传递给子集元素,(父亲的东西就是父亲的,不归儿子所有) ,不支持冒泡。 |
二、键盘事件
事件名—描述 |
事件具体作用描述 |
onkeydown—按下 |
当键盘按下去的时候会触发,如果键盘没有抬起来,那这个事件会一直触发。 |
onkeyup—抬起 |
当键盘按钮抬起来的时候触发。 |
onkeypress—按键 |
当键盘按下数字键或字母键可以触发,功能键除外(上下左右、ctrl、shift、alt)。 |
三、表单事件
事件名—描述 |
事件具体作用描述 |
onfocus—触焦 |
当有焦点的元素获取到焦点时候触发(用tab键也会触发这个事件)。 |
onblur—失焦 |
当有焦点的元素失去焦点时候触发。 |
onchange— |
当前元素失去焦点并且元素内容发生改变时触发此事件。 |
onreset— |
当表单被重置时触发此事件。 |
onsubmit— |
当表单被提交时触发此事件。 |
支持onfocus的对象:button、checkbox、fileUpload、layer、frame、password、radio、reset、select、submit、text、textarea、window。
四、滚轮事件
onmousewheel(IE/Chrom):滚轮方向(event.wheelDelta)上:120;下:-120。
五、页面事件
<script>
document.getElementById('demo').onclick=function () {
alert('单击');
}
</script>
<button ide="demo">单击显示弹框</button>
在上述代码中,第2行代码利用getElementByldO获取id为demo的元素,并为其添加击”弹框;第6行代码定义了一个用于单击的按钮。当用户单击按钮时,页面就会弹出一个提示框。
文章来源地址https://www.toymoban.com/news/detail-530406.html
文章来源:https://www.toymoban.com/news/detail-530406.html
到了这里,关于js--事件都有哪些的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!