怎么实现用键盘选择菜单 _JavaScript

如何实现用键盘选择菜单？
我用css+html做了一个菜单，当鼠标移上去的时候菜单出来，移开菜单消失。
但现在要添加功能："当用Tab聚焦到主菜单上按下enter键时子菜单显示出来，此时按tab键可以选择子菜单项，按下ESC子菜单消失"，该怎样改？可以用css或者结合javascript，只要能实现即可，现在非常急，请大家帮忙。

<html>

	<head>

		<meta http-equiv="content-type" content="text/html; charset=utf-8">

		<title>prod menus</title>

		

		<style>

			ul.hMenu li:hover a { color:red;}           

        ul.hMenu li div table{  background-color:yellow;}    

        ul.hMenu  { 

            margin: 0;

            padding: 0; 

            z-index: 1;                 

        }

        ul.hMenu li  {  

            margin: 0;

            padding: 0;

            list-style: none;

            float: left;

            width:140px;

        }

        ul.hMenu li a { 

            display: block; 

            text-align: left;

            text-decoration: none

        }          

        ul.hMenu li div  {                    

            position: absolute;             

            display: none;                

        }

        ul.hMenu div a {background: yellow;