zoukankan      html  css  js  c++  java
  • preventDefault() 方法 取消掉与事件关联的默认动作

    前几天写的 响应键盘的图片切换 中, 键盘总是让浏览器滚动,为了取消掉默认的事件,使用了 preventDefault() 方法

    定义和用法

    preventDefault() 方法取消事件的默认动作。

    语法

    event.preventDefault()

    说明

    该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 "submit",在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。

    //响应键盘
    $(document).keydown(function(event){ 
       event = event || window.event;
       if(event.keyCode==38 || event.keyCode==37){ 
        clearInt();
        roll(-1);   
       event.preventDefault(); //这里取消掉键盘触发的默认事件 
        };
       if(event.keyCode==40 || event.keyCode==39){   
        clearInt();
        roll(1);   
        }; 
        event.preventDefault();
       })
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    #ss{
        width:400px;
        height:400px;
        background-color:#0F0;}
    </style>
    </head>
    
    <body>
    <form action="/" method="post">
        用户名:<input type="text" name="username"><br />
        密码:<input type="text" name="password">
        <input type="submit" value="注册">
    
    </form>
    <script type="text/javascript">
        var fm=document.getElementsByTagName("form")[0];
        fm.addEventListener('submit',function(event){
            alert("tj");
            return false //dom1级下生效
            event.preventDefault();
        })
    
    </script>
    </body>
    </html>
  • 相关阅读:
    博客园项目
    social-auth-app-django模块
    win10安装软件被阻止后
    expdp和impdp的用法
    EXPDP
    oracle常用的数据迁移方法
    使用spool导出数据
    无法创建spool文件
    sqlldr导入数据
    cmd 登录oracle
  • 原文地址:https://www.cnblogs.com/zywf/p/5422754.html
Copyright © 2011-2022 走看看