javascript - 返回 false 不适用于第二个 onclick 切换事件

Question

我有一个切换功能。当它第一次被触发时，链接不会激活，因为返回 false - 这很好。

但是切换后链接确实会触发!我也不需要。请问有什么帮助吗？

function viewSHowHide() {

if (document.getElementById("viewSHowHide").innerHTML=="Hide Question") {
document.getElementById("viewSHowHide").innerHTML="View Question";
HideQ();

} else {
document.getElementById("viewSHowHide").innerHTML="Hide Question";
viewQ();
}

} 

HTML

<a title="View Question" id="viewSHowHide" onclick="viewSHowHide(); return false" href="">View Question</a>

Answer 1

这是您尝试执行的操作的示例 http://jsfiddle.net/ericjbasti/fnd9C/

我把它切换到 <span>所以我不必与链接默认想要执行的操作作斗争，并稍微清理了代码。

HTML:

<span title="View Question" id="viewSHowHide" onclick="viewSHowHide();">View Question</span>

JavaScript:

viewSHowHide = function(){
    var showHide=document.getElementById("viewSHowHide");
    if (showHide.innerHTML=="Hide Question") {
        showHide.innerHTML="View Question";
        HideQ();
    } else {
        showHide.innerHTML="Hide Question";
        viewQ();
    } 
}