Javascript事件实例详解

document是位于html标签之上的，可以说是权力最大的。下面的实例当你单击页面上的任何位置都会弹出“a”,正是运用了document的特性。
复制代码 代码如下:
 
 
获取鼠标位置clientX,clientY---注意这里仅仅只是可视区的鼠标位置
复制代码 代码如下:
 
 
或者
复制代码 代码如下:
 
 
事件冒泡---一层一层叠加的元素在一起，形成事件冒泡，比如下面的例子：document的最大范围影响了div的响应。
复制代码 代码如下:
 





 
鼠标移动---在可视区有效
复制代码 代码如下:
 





 
 键盘改变位置和方向---通过keycode获取键盘的键值来执行相应的操作。
复制代码 代码如下:
 



#div1 {width:100px; height:100px; background:#CCC; position:absolute;}









 
鼠标跟随小尾巴
复制代码 代码如下:




div {width:10px; height:10px; background:red; position:absolute;}

















































keycode
复制代码 代码如下:
 
 
 ctrlKey---可以通过ctrl+enter组合键来提交内容
复制代码 代码如下: