我有以下代码:
window.onload = function () {
'use strict';
var alcohol = document.getElementById('alcohol');
var changeImage = function (event) {
alcohol.src = "image/alcohol3.jpg";
};
var changeBack = function (event) {
alcohol.src = "image/alcohol.jpg";
};
addHandler(alcohol, "click", changeImage);
// addHandler(alcohol, "mouseout", changeBack);
如何通过第二次点击事件更改图像?目前,它没有用。
答案 0 :(得分:1)
将changeImage
功能更改为:
var changeImage = function (event) {
if (alcohol.src != "image/alcohol3.jpg"){
alcohol.src = "image/alcohol3.jpg";
}
else
{
alcohol.src = "image/alcohol.jpg";
}
};
答案 1 :(得分:0)
您可以使用切换:
$("#alcohol").toggle(
changeImage() ,
changeBack()
);
答案 2 :(得分:0)
您可以使用这样的闭包来执行此操作:
var changeImage = function() {
function a(event) {
alcohol.src = "image/alcohol3.jpg";
event.srcElement.onclick = b;
}
function b(event) {
alcohol.src = "image/alcohol.jpg";
event.srcElement.onclick = a;
}
return a;
}
addHandleaddHandler(alcohol, "click", changeImage());
首先,a
函数被指定为处理程序,每个事件都被引发,处理程序在a
和b
之间切换。