Jquery 根据按下的键更改图像的大小

Jquery 根据按下的键更改图像的大小,jquery,html,keydown,Jquery,Html,Keydown,这是我的代码,我试图使图像在按下s键时变小2像素,在按下a键时变大2像素。代码现在什么都做不了 我收到一条警告“getpreventdefault()的使用已被弃用”,但我不认为这是造成这种情况的原因 编辑:我应该提到的是,警告仅在按下一个键后出现。只需计算每个按键的宽度和高度即可。更新宽度和高度 $(window).keydown(function(event){ var c = String.fromCharCode(event.which); if (c === '

这是我的代码,我试图使图像在按下s键时变小2像素,在按下a键时变大2像素。代码现在什么都做不了

我收到一条警告“getpreventdefault()的使用已被弃用”,但我不认为这是造成这种情况的原因


编辑:我应该提到的是,警告仅在按下一个键后出现。

只需计算每个按键的宽度和高度即可。更新宽度和高度

    $(window).keydown(function(event){
    var c = String.fromCharCode(event.which);
    if (c === 'a'){
        myImage.css("height", "+=2");
        myImage.css("width", "+=2");
    } else if (c === 's'){
        myImage.css("height", "-=2");
        myImage.css("width", '-=2');
    }
});

请查看以获取一个工作示例。如果你需要计算不同的键,你可以得到keycodes。

我不相信你可以使用
-=2
作为那样的CSS属性。您可能需要进行计算(获取当前大小,减去或添加2),然后将特定宽度应用于图像。作为补充说明,我将重点放在设置宽度或高度上,并将另一个属性保留为“auto”,这将大大简化事情;和myImage.css(“高度”,height);仍然不起作用,在我做的一个测试中,字母代码似乎是大写的,尽管我没有指定大写-看看我是如何修改IF语句使这个fiddle起作用的(顺便说一句,你的-=2实际上起作用):谢谢!就这样!
$(window).keydown(function(e){
  var $img = $('#myImg'),
      key = e.which,
      height = $img.height(),
      width = $img.width();

  if (key === 65)
    $img.css("height", height + 2).css("width", height + 2);
  else if (key === 83)
    $img.css("height", height - 2).css("width", height - 2);
});