按住单击时更改图片

时间:2016-12-05 19:02:44

标签: javascript jquery html onclick click

我有一个我正在尝试的代码。我希望图像在按下单击时更改,并在我释放单击时返回其原始状态。这里根本没有变化。

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" />

请帮助,谢谢!

2 个答案:

答案 0 :(得分:1)

你的选择器什么都没有,你需要选择元素/类/ ID

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

答案 1 :(得分:0)

您可以尝试直接 ~/Development/aot (master) $ which ngc <deleted my start path> node_modules/.bin/ngc ,如下所示,并使用有效的选择器。

Mouse events