JS监听鼠标事件，鼠标移动到对象上，展示div

监听鼠标的相应事件：

//常用的鼠标事件监听

if (document.addEventListener) { //FireFox,Chrome,Opera…

         oBtn.addEventListener('click', onMouseClick, false); //单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。

         oBtn.addEventListener('mousedown', OnMouseDown, false); //事件会在鼠标按键被按下时发生。

         oBtn.addEventListener('mouseup', OnMouseUp, false); //事件会在鼠标按键被松开时发生。

         oBtn.addEventListener('mousemove',onMouseMove,false); //事件会在鼠标指针移动时发生。

         oBtn.addEventListener('mouseover', onMouseOver, false); //事件会在鼠标指针移动到指定的对象上时发生。

         oBtn.addEventListener('mouseout', onMouseOut, false); //事件会在鼠标指针移出指定的对象时发生。

         //c.addEventListener('touch',onMouseClick,false);       

}

else if (document.attachEvent) { //IE

         oBtn.attachEvent('onclick', onMouseClick, false); //单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。

         oBtn.attachEvent('onmousedown', OnMouseDown, false); //事件会在鼠标按键被按下时发生。

         oBtn.attachEvent('onmouseup', OnMouseUp, false); //事件会在鼠标按键被松开时发生。

         oBtn.attachEvent('onmousemove', onMouseMove, false); //事件会在鼠标指针移动时发生。

         oBtn.attachEvent('onmouseover', onMouseOver, false); //事件会在鼠标指针移动到指定的对象上时发生。

         oBtn.attachEvent('onmouseout', onMouseOut, false); //事件会在鼠标指针移出指定的对象时发生。

}

else { //Other（IE，FireFox，Chrome，Opera等，绝大部分浏览器支持方法 onclick 监听）

         alert("您的当前的浏览器可能是：……");

    oBtn.onclick=onMouseClick;

         oBtn.onmousedown=OnMouseDown;

         oBtn.onmouseup=OnMouseUp;

         oBtn.onmousemove=onMouseMove;

         oBtn.onmouseover=onMouseOver;

         oBtn.onmouseout=onMouseOut;

}

js监听键盘的相应操作有：
http://xiongzaiqiren.blog.163.com/blog/static/129287185201273113046244/