event

!-- 用来获取事物的详细信息：鼠标位置、键盘按键 -->
!-- 第一种获取事件对象，ie 谷歌都可以识别e -->
!-- <button onclick="fn(event)">点我</button> -->

<div style="width:300px;height: 300px;background-color: yellow;"></div>
<script>
    // function fn(e){
    //     /* clientX clientY代表鼠标点击的位置 */
    //     console.log(e.clientX)
    //     console.log(e.clientY)
    // }

    /* 第二种获取事件对象e的方式，ie8以及以下不支持 需要兼容写法 */
    /* event表示一个关键字 代表事件源对象 */
    var div = document.getElementsByTagName('div')[0];
    div.onclick = function(e){
        // console.log(e)
        // console.log(e.clientX)
        // console.log(e.clientY)
        // console.log(event)
        // console.log(event.clientX)
        // console.log(event.clientY)
        var oEvent = e||event;
        console.log(oEvent.clientX);
        console.log(oEvent.clientY);
    }
</script>