JS事件中的对象 - MirageFireFox

在触发任何事件时都会产生一个对象。如：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标签默认的跳转动作)。

posted on 2016-06-05 14:23 MirageFireFox 阅读(172) 评论(0) 编辑收藏举报