事件对象
事件对象，相当于《JavaScript教程/事件触发元素》。
每个事件处理函数都会获得一个事件对象，该对象中包含和此事件相关的方法及属性。
事件对象在事件触发时自动传入。
事件对象的属性有：
- type：事件类型，如click、mouseover等
- which：被按下的按钮或键
- data：当事件发生时传入该函数的一些额外信息
- target：发生了这个事件的DOM元素
- pageX：鼠标相对可视区域左边缘的位置
- pageY：鼠标相对可视区域Y边缘的位置
- timeStamp：事件发生时间距离1970年1月1日的毫秒数
事件对象的方法有：
- preventDefault()：阻止默认行为
- stopPropagation()：停止事件向其祖先元素中冒泡传播
示例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件对象</title> </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> |
