键盘事件
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>
下图可以看到效果