Javascript 按住“单击”键时更改图片

我有一个我正在试验的代码。我希望图像在被点击按住时发生变化，并在释放点击时返回到其原始状态。这一点都没有改变

JS:

HTML:

---

请帮忙，谢谢

您可以像下面这样尝试直接

鼠标事件

，并使用有效的选择器

$( "img" )
  .mousedown(function() {
    $( this ).prop("src", 'rust.jpg');
  })
  .mouseup(function() {
    $( this ).prop("src", 'rustb.png');
  });

---

您的选择器什么也得不到，您需要选择元素/类/ID

$（'img'/'.imgClass'/'#imgId'）

您需要使用$（'img.classname'）或$（'img'）而不是src

$（'src'）

无效

<img src="rustb.png" id="click" value="Click" />

$( "img" )
  .mousedown(function() {
    $( this ).prop("src", 'rust.jpg');
  })
  .mouseup(function() {
    $( this ).prop("src", 'rustb.png');
  });