我需要一些有关 JavaScript img src 和 点击事件的帮助。
假设我有 2 张按钮图像,分别是按下的和未按下的。
btn1_On = new Image();
btn1_On.src = "../img/numpad/03_Button_1_Push.jpg";
btn1_Off = new Image();
btn1_Off.src = "../img/numpad/03_Button_1_No_Push.jpg";
和 html:
<div class="Numpad_1" onmousedown="btnPress('btn1');return true;"
onmouseup="btnRelease('btn1');return true;"
onclick="btnPress('btn1');return true;">
<img src="..\img\numpad\03_Button_1_No_Push.jpg" id="btn1" />
</div>
我不想为html中的每个按钮增加功能,所以我创建了按下btn和释放的功能:
function btnPress(btn) {
document.getElementById(btn).src = btn+'_On'.src;
}
function btnRelease(btn) {
document.getElementById(btn).src = btn + '_Off.src';
}
所以,问题是,btn+'_On'.src - 无法初始化路径 图像(未定义)。
感谢任何帮助。
P.S: 我有一些限制,它必须在 IE 6 上运行
最佳答案
如果您在窗口/全局上下文中创建了对象btn1_On
,那么您可以使用
document.getElementById(btn).src = window[btn+'_On'].src;
<小时/>
但是,我建议创建一个对象,然后访问属性
var obj = {};
obj.btn1_On = new Image();
obj.btn1_Off = new Image();
使用括号表示法获取基于字符串的属性。
document.getElementById(btn).src = obj[btn+'_On'].src;
关于JavaScript 按钮 SRC,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42062549/