按住按钮时更改图片

Question

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

JS：

$('src').on('mousedown mouseup', function mouseState(e) { 
    if (e.type == "mousedown") { 
     this.setAttribute("src", 'rustb.png') 
    } else { 
     this.setAttribute("src", 'rust.jpg') 
    } 
}); 

HTML：

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

请帮帮忙，谢谢！

Answer 1

你可以尝试像下面一样直接Mouse events并使用有效的选择器。

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

Answer 2

你的选择将一无所获，你需要选择单元/班/ ID

$('img'/'.imgClass'/'#imgId')