mootools的Event類很簡單，方法少，屬性比較齊全：
方法：
stop：停止事件分發(fā)
stopPropagation：停止事件繼續(xù)向上傳播
preventDefault：阻止默認行為的處理
bindWithEvent：綁定元素的事件
屬性：
| shift |
是否按下了SHIFT鍵 |
| control |
是否按下了CTRL鍵 |
| alt |
是否按下了ALT鍵 |
| meta |
是否按下了META鍵(暈一個，META是什么鍵？) |
| code |
按下鍵的編碼keycode |
| page.x |
鼠標相對于整個窗口的 x 偏移位置 |
| page.y |
鼠標相對于整個窗口的 y 偏移位置 |
| client.x |
鼠標相對于當前視口的 x 偏移位置 |
| client.y |
鼠標相對于當前視口的 y 偏移位置 |
| key |
這個變量記錄按下的鍵盤的小寫字母，如'a','w'，也記錄特殊的按鍵，如‘enter’, ‘up’, ‘down’, ‘left’, ‘ right’, ‘space’, ‘backspace’, ‘delete’, ‘esc’. 這些特殊鍵的描述很方便 |
| target |
事件的目標，如href |
| relatedTarget |
事件的關聯目標 |
代碼示例如下：testEvent.html
<head>
<title>測試Event</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<script type="text/javascript" src="./js/mootools.v1.00.js?v=1"></script>
</head>
<body>
<textarea id=content cols=80 rows=20>
</textarea>
<div id=id_div>
<a id=id_a href='http://www.baidu.com' target='_blank'>測試事件</a>
</div>
<script language="javascript" type="text/javascript">
var flags = 0;
function log(msg){
$('content').value += msg + '\n';
}
function clear(){
$('content').value='';
}
// 綁定div的單擊事件
$('id_div').onclick=function(event){
var event = new Event(event);
log('<div>-onclick, target='+event.target);
}
function a_onclick(event){
clear();
var event = new Event(event);
if(flags==0){
log('這一次屬正常的事件派發(fā)，你將看到百度的頁面會彈出');
flags++;
}else if(flags==1){
log('這一次的事件將終止向上傳播，不派發(fā)給<div>對象，單<a>對象的事件將繼續(xù)，你應該還是可以看到百度頁面');
flags++;
event.stopPropagation();
}else if (flags==2){
log('這一次的事件將不執(zhí)行<a>的默認處理，你應該沒有看到百度頁面的彈出');
flags++;
event.preventDefault();
}else{
log('這一次的事件就此停止，既不執(zhí)行<a>的默認處理，也不向父對象<div>傳播');
flags=0;
event.stop();
}
log('<a>-onclick, target='+event.target);
}
// 另一種綁定事件的方法，利用了事件類的bindWithEvent方法
$('id_a').onclick=a_onclick.bindWithEvent($('id_a'));
</script>
</body>
</html>