javascript - 通过 jquery 更改 CSS 左像素

标签 javascript jquery css

右箭头没有移动汽车,如果有明显问题我很抱歉,但我不明白为什么。

http://jsfiddle.net/W9HDt/

 $(document).ready(function () {

            $(document).keypress(function (e) {
                if (e.which == 39) {
                    $(".car").css("left", "+=25px");
                }
            });

 });

根据 Javascript Char Codes (Key Codes) 39 是右箭头键的代码

最佳答案

可能不会为 non-display keys 触发按键事件像箭头键一样,尝试使用 keydownkeyup

Spec : 按键(仅适用于产生字符值的按键)

$(document).ready(function () {

    $(document).keyup(function (e) {
        if (e.which == 39) {
            $(".car").css("left", "+=25px");
        }
    });

});

演示:Fiddle

关于javascript - 通过 jquery 更改 CSS 左像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18851463/

相关文章:

javascript - 是否可以获得有关浏览器颜色的信息?

css - Bootstrap 3 导航栏折叠无法正常工作

javascript - 如何在 Node.js Express 中让我的 session 最后跨子域?

php - 使用 JQuery、AJAX 和 PHP

javascript - Underscore JS 在模板中添加逻辑

c# - 在 asp.net 中从 Ajax POST 检索数据

javascript - 导航栏悬停效果 - CSS

javascript - 在 React 中使用 Radium 设置悬停链接的样式

javascript - 页面刷新时如何保持redux状态

javascript - 如果 div 长度大于 1,则显示按钮