事件对象

事件对象,相当于《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>

 

posted @ 2018-06-07 17:09  麦克斯-侯  阅读(160)  评论(0编辑  收藏  举报
百纵科技