首页 > 其他 > 详细

事件对象

时间:2018-06-07 17:30:31      阅读:180      评论:0      收藏:0      [点我收藏+]

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

 

事件对象

原文:https://www.cnblogs.com/max-hou/p/9151693.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!