Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解
2010-09-14 13:40:15 来源:WEB开发网五.应用实例实例一 在屏幕上捕获鼠标按键代码和键盘按键代码实例代码:<!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事件中调用.
Tags:Javascript 公共 脚本
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接