• preventDefault() 方法 取消掉与事件关联的默认动作


    preventDefault()

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

    定义和用法

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

    语法

    event.preventDefault()

    说明

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

    例子:

     1 //响应键盘
     2 $(document).keydown(function(event){ 
     3    event = event || window.event;
     4    if(event.keyCode==38 || event.keyCode==37){ 
     5     clearInt();
     6     roll(-1);   
     7    event.preventDefault(); //这里取消掉键盘触发的默认事件 
     8     };
     9    if(event.keyCode==40 || event.keyCode==39){   
    10     clearInt();
    11     roll(1);   
    12     }; 
    13     event.preventDefault();
    14    })

    点此查看完整例子

  • 相关阅读:
    项目总结
    -webkit-background-clip渲染问题
    《编写可维护的JavaScript》- 类型检测
    百度ECharts使用
    使用HBuilderX将vue项目打包成app
    浅谈 asp.net core web api
    ASP.NET Core
    ASP.NET Core
    [翻译] 探究 Asp.net core 中间件 JWT bearer authentication 背后的技术
    ASP.NET Core
  • 原文地址:https://www.cnblogs.com/trance/p/1442123.html
Copyright © 2020-2023  润新知