
JavaScript常见事件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function test(){
console.log("李银霞");
}
</script>
</head>
<body>
<!--
1:onchange=" "事件
-->
<select onchange="test()">
<option value="1">一年级</option>
<option value="2">二年级</option>
<option value="3">三年级</option>
</select>
<!--
2:onclick=" "点击事件
-->
<input type="submit" onclick="test()"/>
<!--
3:onfocus=" "获取焦点事件
-->
<input onfocus="test()" />
<!--
4:onblur=" "失去焦点事件
-->
<textarea onblur="test()"></textarea>
<!--
5:onkeydown=""键盘的某个键被按下时触发的事件
-->
<input onkeydown="test()" />
<!--
6:onkeyup=""键盘的某个键被松开时触发的事件
-->
<textarea onkeyup="test()"></textarea>
<br />
<!--
作者:1767757232@qq.com
时间:2018-08-21
描述:
-->
<input onkeypress="test" />
<!--
8:onmousedowm=""鼠标按下事件
-->
<div style="background: red;" onmousedown="test()">
按钮
</div>
<!--
9:onmouseup=""鼠标松开事件
-->
<div style="background: blue;" onmouseup="test()">
按钮
</div>
<!--
10:onmouseover=""鼠标划上去事件
-->
<div style="background: green;" onmouseover="test()">
按钮
</div>
<!--
11:onmouseout=""鼠标滑开事件
-->
<div style="background: purple;" onmouseout="test()">
按钮
</div>
<!--
12:onmousemove=""滑动鼠标事件
-->
<div style="background: black;" onmousemove="test()">
按钮
</div>
</body>
</html>以上就是javascript什么是事件?的详细内容,更多请关注易知道|edz.cc其它相关文章!














