CSS 左像素更改由 jquery 完成

CSS left pixel change by jquery

本文关键字：jquery 完成 像素 CSS      更新时间：2023-09-26

右箭头没有移动汽车，如果很明显，我深表歉意，但我无法弄清楚为什么。

http://jsfiddle.net/W9HDt/ 

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

根据Javascript字符代码（键代码），39是右箭头键的代码

对于

非显示键（如箭头键），可能不会触发按键事件，请改为尝试keydown或keyup。

规格：按键（仅适用于产生字符值的键）

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

演示：小提琴

检查这个小提琴

3 的值是 51 而不是 39 e.which值。 

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

 });

检查参考

我知道这个问题已经得到了回答，答案已经被接受了，但我认为这不是最好的答案。

按键

事件仅使用可见字符值触发是不正确的。它确实可以通过任何按键触发，但问题是您正在检查错误的事件属性，而不是keyCode。否则请尝试以下操作：

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

控和键下事件仅在分别松开或按下键时触发。如果你想按住键，看到汽车移动要走的路是使用keyCode。

享受开车的乐趣！

还有小提琴

相关文章：