本文通过一个HTML页面示例介绍了多种事件处理方式，包括鼠标悬停、单击、双击及键盘和表单事件等，展示了如何使用JavaScript进行事件响应。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>onclick事件</title>
<script>
function test()
{
alert("我爱你");
}
</script>
</head>
<body>
<center><div style="border: 2px solid; background-color: yellow; width: 300px; height: 300px;"onmouseenter="alert('你进我的地盘了，给钱！')"></div></center>
<input type="button" value="一次就好" onclick="test();" />
<input type="button" value="两次更好" ondblclick="test();"/>
<h2>键盘事件</h2>
<input type="text" size="10" onkeyup="confirm('我是键盘侠')";/>
<h3>表单事件</h3>
<input type="text" value="" onfocus="alert('我得到了焦点')"; />
<br />
<select onchange="confirm('选择成功')";>
<option>北京</option>
<option>上海</option>
<option>深圳</option>
<option>广州</option>
</select>
</body>
</html>
今天学了JavaScript的事件，上图，下附代码
最新推荐文章于 2023-03-09 09:03:21 发布
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
