javascript事件类型大全

键盘事件

onkeydown:按下某个键就会触发
onkeyup:释放某个按键时触发
onkeypress:某个键按下并且释放时触发

鼠标事件

onclick:鼠标单击时触发
ondbclick:鼠标左击时触发
ondblclick:鼠标双击事件
onmousedown:单击任意一个鼠标按键时触发
onmouseout:鼠标指针移出一个元素时触发
onmousemove:鼠标指针在某个元素上移动时触发
onmouseup:松开鼠标任意一个按键时触发
onmouseover:鼠标指针移动到一个元素时触发
onmousenter 只有在鼠标指针穿过被选元素时,才会触发,常与onmouseleave一起使用
onmouseleave 鼠标移出事件

HTML事件

onload:页面完全加载后在window对象上触发
onunload:页面完全卸载后在window对象上触发
onselect:文本框内选择一个或者多个字符时触发
onchange:html元素改变时触发
onsubmit:点击表单提交时触发
onfocus:获取焦点时触发
onblur:失去焦点时触发
onresize:窗口或者框架背调整尺寸时触发
onreset:重置按钮被点击时触发
onerror:加载文档或者图像失败时触发
onabort:图像加载被中断时触发
onpropertychange:该事件在文本框属性改变时触发,不管是通过什么方式改变的。注意,是属性改变,而不仅仅是value改变。这个事件是IE专有的。WEB开发,必须得考虑浏览器的兼容问题。
onBeforeUnload:当前页面的内容将要被改变时触发的事件
onMove:浏览器的窗口被移动时触发的事件
onScroll:浏览器的滚动条位置发生变化时触发的事件
onStop:浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断

数据绑定

onAfterUpdate:当数据完成由数据源到对象的传送时触发的事件
onCellChange:当数据来源发生变化时
onDataAvailable:当数据接收完成时触发事件
onDatasetChanged:数据在数据源发生变化时触发的事件
onDatasetComplete:当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate:当使用onBeforeUpdate事件触发取消了数据传送时,代替onAfterUpdate事件
onRowEnter:当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit:当前数据源的数据将要发生变化时触发的事件
onRowsDelete:当前数据记录将被删除时触发的事件
onRowsInserted:当前数据源将要插入新数据记录时触发的事件

滚动字幕事件

onBounce:在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish:当Marquee元素完成需要显示的内容后触发的事件
onStart:当Marquee元素开始显示内容时触发的事件

外部事件

onAfterPrint:	当文档被打印后触发的事件
onBeforePrint:当文档即将打印时触发的事件
onFilterChange:当某个对象的滤镜效果发生变化时触发的事件
onHelp:当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange:当对象的属性之一发生变化时触发的事件
onReadyStateChange:当对象的初始化属性值发生变化时触发

如何查看一个元素自身的事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id='div1'></div>//元素
</body>
</html>
<script>
    let div =document.getElementById('div1') //获取元素
    console.dir(div);//可以打印元素的详细信息
</script>

下图可以看到效果
在这里插入图片描述
在这里插入图片描述

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晚风吹心事

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值