一、键盘事件
在网页上，输出用户按了哪个键。
每个数字，代表一个按键。上面就是用户按的最多的：QWERQWER, WASD1234
方向键，上下左右，ABCD，13代表回车键，17和16是Ctrl和Shift。
关键程序：
document.onkeydown = function(e){// e.keyCode 就是按键对应的数值switch(e.keyCode){case 38: //upmyFunction2("您按了上 ");break;case 40: //down myFunction2("您按了下 ");break;case 37: //leftmyFunction2("您按了左 ");break;case 39: //rightmyFunction2("您按了右 ");break;}}
二、鼠标事件
输出用户鼠标点击的坐标，窗口左上角是(0,0).
这个窗口是浏览器的开发者模式，360，Chrome都可以打开这个辅助窗口。console.log函数，可以输出调试数据。
看调试信息，是开发的主要工作，也是解决错误的主要办法。
三、画图
在鼠标点击的地方，画一个小矩形，效果如下：
代码如下：
<body style="background-color:#aaddff"><script type="text/javascript">// 基本函数function draw(x,y){//创建divvar div=document.createElement("div");div.innerHTML='<div id="line_div" style="width:10px;height:10px;position:absolute;visibility:visible;left:'+x+'px;top:'+y+'px;border:1px solid #ff0000"></div>';document.body.appendChild(div); }/// 事件函数document.onmousedown =function(a) { //按下时创建一个事件if(!a) a=window.event;//获取x轴、y轴坐标var x=a.clientX;var y=a.clientY;//创建divvar div=document.createElement("div");div.innerHTML=' <div id="line_div" style="width:10px;height:10px;position:absolute;visibility:visible;left:'+x+'px;top:'+y+'px;border:1px solid #ff0000"></div>';document.body.appendChild(div);} </script>一下画点<div id="line_div" style="width:10px;height:10px;position:absolute;visibility:visible;left:50px;top:50px;border:1px solid #ff0000"></div></body>
会了画点之后，就能画出任何图案、文字，然后做动画效果。
