事件对象

事件对象，相当于《JavaScript教程/事件触发元素》。

每个事件处理函数都会获得一个事件对象，该对象中包含和此事件相关的方法及属性。

事件对象在事件触发时自动传入。

事件对象的属性有：

type：事件类型，如click、mouseover等
which：被按下的按钮或键
data：当事件发生时传入该函数的一些额外信息
target：发生了这个事件的DOM元素
pageX：鼠标相对可视区域左边缘的位置
pageY：鼠标相对可视区域Y边缘的位置
timeStamp：事件发生时间距离1970年1月1日的毫秒数

事件对象的方法有：

preventDefault()：阻止默认行为
stopPropagation()：停止事件向其祖先元素中冒泡传播

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>事件对象</title>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js">
        </script>
    </head>
    <body> 
        <div>
            <ul id="ul">
                <li id="a">鼠标</li>
                <li id="b">键盘</li>
                <li id="c">屏幕</li>
                <li id="d"><a>主机</a></li>
            </ul>
        </div>
        <script>
            $('li').on('click',function(e){
                $('li span').remove();
                var date=new Date();
                $(this).append('<span> '+date+' '+e.type+'</span');
            });
        </script>
    </body>
</html>