zoukankan      html  css  js  c++  java
  • JS事件中的对象

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

  • 相关阅读:
    if 语句
    变量命名
    python变量
    运算符
    注释
    PyCharm
    python版本,执行
    Tornado 【简述】
    Git 【管理篇】
    MySQL的介绍
  • 原文地址:https://www.cnblogs.com/MirageFox/p/5560722.html
Copyright © 2011-2022 走看看