函数结束返回到函数之前

时间:2018-08-14 21:20:51

标签: javascript function dom-manipulation

抱歉,这可能是标题奇怪的问题。 我在Javascript中具有此功能:

function alfred(){
    document.querySelector('.image-7-panel').classList.toggle('notactive');
    document.querySelector('.image-8-panel').classList.toggle('notactive');
    document.querySelector('.background').classList.toggle('alfred-background');
    var text = document.getElementById("heroes");
    if(text.innerHTML !== "Alfred"){
        text.innerHTML = "Alfred";
    } else {
        text.innerHTML = "Heroes are back";
    }
}

但是我希望在运行之后,它返回到运行之前的位置。我该如何运行?该功能在单击时运行,然后单击相同的另一个运行。 clearTimeout在这里没有帮助我,但是找不到正常的解决方案。  用真实的例子来解释。当我单击时,显示一个图像和一个关联的名称。我希望单击后图像可以返回到单击前的图像,再返回到nam

1 个答案:

答案 0 :(得分:0)

不是仅在“ onclick”事件上添加此处理程序,而是在“ onmouseup”和“ onmousedown”事件上添加此处理程序

<div onmouseup="alfred()" onmousedown="alfred()">Example</div>