去 Here

使用向上和向下键

当我按下一个键时,红色框向下移动,暂停,然后移动其余部分.

如何删除暂停?

解决方法

你应该遵循keydown和keyup并使用间隔来更顺畅地移动球拍.

演示:http://jsfiddle.net/M7TKc/16/

var paddle = $("#paddle");
paddle.css({backgroundColor: "red",height:"100px",width:"25px",position: "absolute"});

var paddle_y = 0,moving = 0;  /* added */

draw_paddle();

window.setInterval(function () {  /* added */
    if (moving != 0) {
        paddle_y += moving;
        draw_paddle();
    }},100);

function move_down(){
    moving = -10;
}
function move_up(){
    moving = 10;
}

function draw_paddle(){
    paddle.css({top: paddle_y+"px"});
}

$(document).keypress(function(e) {
    if(e.which == 13) {
        // stop on "ENTER"
        moving = 0;
    }
});
$(document).keydown(function(e){  /* changed */
    if (e.keyCode == 38)
        move_down();
    else if (e.keyCode == 40)
        move_up();

});

$(document).keyup(function(e){  /* added */
    if (e.keyCode == 38 || e.keyCode == 40)
        moving = 0;
});

javascript – Keydown在第一个keyress和后续按键后暂停的更多相关文章

  1. Android的Keycode最小化软键盘按钮

    我正在使用Android3.2的软键盘.问题是我无法找到左下角按钮的keyCode,以最小化键盘.我使用onKeyDown的switchcase来显示keyCode,它似乎是唯一没有值的.我认为它将具有与后退按钮相同的代码,因为它取代了它,但没有这样的运气.解决方法它只是后退按钮.您可以通过覆盖其行为来实现此目的:并且:

  2. android – ActionBarSherlock:用菜单按钮打开子菜单

    =null因为没有操作栏的旧版Android的兼容性问题.如果您对所有版本使用ActionBarSherlock,这不是必需的.

  3. Android – 如果没有互联网连接则显示消息并继续检查

    我已经做了几天了.我刚开始使用Android.我有两个问题.我想检查互联网是否可用.如果它是启动webView,如果没有发出警报并阻止webView加载.我试过这个,但如果没有互联网连接,它会强行关闭.如何让它发送消息并停止加载webview.还有一种方法可以连续检查连接,以便在网页断开连接时不显示网页404吗?

  4. Android:更改后退按钮的操作

    我正在制作游戏,我有一个选项页面可以打开或关闭音乐.我想覆盖后退按钮,以便它返回到主页,你会明白为什么当你看到我的代码时:}任何帮助都会非常棒,谢谢.更新:添加此,仍然不起作用:解决方法覆盖Activity的onKeyDown(),这里你可以处理各种键或者也可以覆盖onBackPresses()

  5. Android DroidGap禁用返回按钮

    请任何人建议,如何在使用PhoneGap时禁用按钮按钮事件?我需要在我的Activity中执行某些操作来控制后退按钮事件.即使以下代码在我的活动中运行良好,但与DroidGap一起使用时不起作用.解决方法在appView上调用setonKeyListener可以帮助我.我只是在上面的代码片段中做了一个微小的改动,如下所示:EDITED实际上在按键事件时动作两次动作–动作Up&行动下降所以,为了获得关键事件,应该使用以下内容.

  6. 用android抓住按键

    如何用AndroidSDK抓住手机按键?我一直在寻找几个小时,没有找到任何东西..例如:在某些情况下,当用户按下手机上的“挂断”按钮时,我想抓住该信息,然后在该消息到达操作系统之前丢弃该消息.这可能吗?

  7. 快速实现一个简单的canvas迷宫游戏的示例

    本篇文章主要介绍了快速实现一个简单的canvas迷宫游戏的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. JS键盘的键码(event.keyCode)图片版

    js获取键盘按键的键码event.keyCode,下面则是键盘的键码分布,记录一下,以备不时之需

  9. 键盘 keycode的值 javascript时触发事件时很有用的要素

    键盘keycode的值 编写javascript时触发事件时很有用的要素,大家可以收藏一下。

  10. 使用window.onbeforeunload事件中的window.event.keyCode在javascript中捕获f5 keypress事件始终为0而不是116

    我正在创建一个MVC应用程序.在关闭应用程序(即窗口/选项卡)时,将会话中的变量设置为null,但在刷新应用程序时却没有.我通过以下代码尝试了它.但是当按下F5时,“window.event.keyCode”始终为0而不是116.因为我的变量即使按F5按键也变为空,这不是我的要求.即使当应用程序(即网页)关闭时,即使它是0(这可能是正确的).请注意,代码的上述部分位于.cshtml文件中.任何人都

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部