码迷,mamicode.com
首页 > Web开发 > 详细

JS事件中的对象

时间:2016-06-05 15:37:02      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

在触发任何事件时都会产生一个对象。如:DOM事件,window事件等,都会产生一个对象,该对象就是当前元素的事件对象。

DOM事件对象

<body>
    <input type="button" value="按钮" id="btn" />
    <!--js-->
    <script>
        var btn = document.getElementById("btn");
        btn.onmousemove = function(e){
            alert(e.x);
        }
        btn.onclick = function(e){
            document.write(e.type);
        }
    </script>
</body>

window事件对象

<body>
    <!--js-->
    <script>
        window.onmousemove = function(e){
            alert(e.x + "---" + e.y);
        }
    </script>
</body>

获取事件对象的相关属性和方法,在事件函数的参数中添加event参数(参数名没有严格要求,仅凭个人喜好),事件方法中用该参数调用相关属性及方法就行。

 

ps:补充事件对象的两个常用方法。

1、stopPropagation(); 阻止事件冒泡(阻止触发当前元素的父级元素);

2、preventDefault();阻止事件默认动作(如,<a></a>元素加上preventDefault后会阻止a标签默认的跳转动作)。

JS事件中的对象

标签:

原文地址:http://www.cnblogs.com/MirageFox/p/5560722.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!