WEB开发网
开发学院网页设计JavaScript Javascript公共脚本库系列(三): 格式化事件对象/事... 阅读

Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解

 2010-09-14 13:40:15 来源:WEB开发网   
核心提示: 五.应用实例实例一 在屏幕上捕获鼠标按键代码和键盘按键代码实例代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

五.应用实例实例一 在屏幕上捕获鼠标按键代码和键盘按键代码实例代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title>ScriptHelper 类测试 -- 事件对象实例 -- 获取键盘鼠标按键代码</title>
  <script src="http://files.cnblogs.com/zhangziqiu/ScriptHelper.js" type="text/javascript"></script>
  <style type="text/css">
    .cursorHand { cursor:pointer;}    
  </style>
</head>
<body >
  <script type="text/javascript">
    function getKeyCode()
    {
      var oEvent = ScriptHelper.getEvent();
      alert( "KeyCode:" + oEvent.keyCode);
    }
    
    function getMouseButtonCode()
    {
      var oEvent = ScriptHelper.getEvent();
      alert( "Mouse Button Code:" + oEvent.button);
    }
    
    ScriptHelper.addEventListener( document, "keydown", getKeyCode );
    ScriptHelper.addEventListener( document, "mousedown", getMouseButtonCode ); 
  </script> 
</body>
</html>
实例说明:

本实例中使用了ScriptHelper.getEvent方法获取事件对象,并且获取了事件对象中的键盘代码和鼠标按键代码.注意实例中是使用ScriptHelper.addEventListener将getKeyCode和getMouseButtonCode添加到事件上.此时getKeyCode函数等同于onkeydown事件, 所以在getKeyCode函数中调用ScriptHelper.getEvent就等同于在onkeydown事件中调用.

上一页  1 2 3 4 5  下一页

Tags:Javascript 公共 脚本

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接