<html>
<head>
<title>event对象学习</title>
<meta charset="UTF-8"/>
<!--
event对象学习：
1、event对象获取鼠标坐标
2、event对象获取键盘值
-->
<style type="text/css">
#showdiv{
width: 300px;
height: 300px;
border: solid 1px;
}
</style>
<script type="text/javascript">
function getMouse(event){
//获取event对象
var eve=event || window.event;//因为浏览器差异问题，使用此种方式获取event对象
var x=eve.clientX;
var y=eve.clientY;
alert(x+":"+y);
}
function getKey(event){
//获取event对象
var eve=event || window.event;//因为浏览器差异问题，使用此种方式获取event对象
var code=eve.keyCode;
alert(code);
}
</script>
</head>
<body>
<h3>event对象学习</h3>
<hr />
<div id="showdiv" οnmοusemοve="getMouse(event)">
</div>
<br /><br />
<input type="text" name="" id="" value="" οnkeydοwn="getKey(event)"/>
</body>
</html>
664
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
