Javascript/jQuery - 当鼠标按下和抬起时更改输入按钮的背景图像

Question

我想在鼠标按下和抬起时更改背景图像的输入按钮，但它不起作用。

 function mousedown() { document.getElementById("enlarge_btn").style.backgroundImage = "url(../picture/image2.svg)"; } function mouseup() { document.getElementById("enlarge_btn").style.backgroundImage = "url(../picture/image1.svg)"; }

 .button_img { width: 36px; height: 36px; background-image: url(../picture/image1.svg); background-color: transparent; background-size: cover; border: none; cursor: pointer; }

 <input id="enlarge_btn" type="button" name="button" class="button_img" onmousedown="mousedown()" onmouseup="mouseup()">

我在哪里可以修复？

请帮帮我，谢谢！

Answer 1

我发现如果我改变

document.getElementById("enlarge_btn").style.backgroundImage = "url(../picture/image2.svg)";

到

document.getElementById("enlarge_btn").style.backgroundImage = "url(picture/image2.svg)";

它有效，所以问题是文件路径。

谢谢。