onClick 单击事件
onMouseOver 鼠标经过事件
onChange 文本内容改变事件
onSelect 文本框选中事件
onFocus 光标聚集事件
onBlur 移开光标事件
onLoad 网页加载事件
onUnload 关闭网页事件
Event.html
<!DOCTYPE html><html> ???<head> ???????<meta charset="UTF-8"> ???????<title></title> ???????<link rel="stylesheet" type="text/css" href="css/Event.css" /> ???</head> ???<body> ???????<div class="div" onmouseover="onOver()" onmouseout="onOut()"></div> ???????<script> ???????????function onOver(){ ???????????????alert("进入"); ???????????} ???????????function onOut(){ ???????????????alert("出去"); ???????????} ???????</script> ???????????????<form> ???????????<input type="text" onchange="alert(‘你别改变我!‘)" /> ???????????<input type="text" onselect="changeDemo(this)" /> ???????</form> ???????<script> ???????????function changeDemo(bg){ ???????????????bg.style.background="blue"; ???????????} ???????</script> ???</body></html>
css/Event.css
.div{ ???height: 100px; ???width: 300px; ???background-color: cadetblue;}
js事件
原文地址:https://www.cnblogs.com/nullcodeworld/p/9302354.html