事件对象2 · JavaScript

## e.type ``` <style> *{ margin: 0; } #box { width: 300px; height: 300px; background-color: pink; } </style> </head> <body> <div id="box"></div> <script> var box = document.getElementById('box'); box.onclick = fn; box.onmouseover = fn; box.onmouseout = fn; function fn(e) { e = e ||window.event; switch (e.type) { case 'click': console.log('点击'); break; case 'mouseover': console.log('鼠标经过'); break; case 'mouseout': console.log('鼠标离开'); break; } } </script> ```