prevent() ähnliche Funktionalität in Javascript

Question

Ich habe bereits über diese Frage gegangen

event.preventDefault() vs. return false

Aber hat meine Lösung nicht gefunden. Eigentlich ich JavaScript-Funktion verwende zur vorherigen Seite zurückzukehren, die auf Klick von

<a href="#" onclick="goBack()"><img src="images/backbtn.png"></a> 

Funktion fein arbeitet

function goBack(){ 
    window.history.back(); 
} 

Wenn ich auf <a> klicken enthält es # in URL, die ich will verhindern. In jquery verwenden wir preventDefault(), um das Standardereignis eines Elements zu stoppen, aber gibt es eine ähnliche Funktion in Javascript, um es zu stoppen.

Ich weiß, ich kann javascript:void(0) in href verwenden, die das Problem lösen wird, aber es kann viele andere Instanzen geben, also möchte ich über Funktion in Javascript wissen.

Ich versuchte return false; verwenden, aber es ich schreibe dies auf ähnliche

function goBack(){ 
    return false; 
    window.history.back(); 
} 

Dann stoppt er die Funktion auszuführen, und wenn ich schreibe wie dieses

function goBack(){ 
    window.history.back(); 
    return false; 
} 

Dann keine Wirkung dieser return false; . Ich bin sicher, dass es einige in Javascript gibt, da jquery von Javascript generiert wird.

Jede Hilfe wäre willkommen. Danke im Voraus!

Answer 1

Soweit ich weiß, preventDefault() ist auch eine native JS-Funktion, so dass Sie es ohne jQuery verwenden können und das gleiche Ergebnis erhalten.

Sie können mehr darüber lesen Sie hier: MDN: Event.preventDefault()

Answer 2

Event.preventDefault() funktioniert sowohl in Javasccript und JQuery

Wenn die # immer das Problem, und aus irgendeinem Grund, den Sie wirklich wollen um nur preventDefault() zu verwenden, dann müssen Sie die event in die Funktion und dann in die Funktion event.preventDefault()

<a href="#" onclick="goBack(event)"><img src="images/backbtn.png"></a> 

übergeben

Dann in Ihrem Javascript verwenden Sie dieses Ereignis übergeben und das Standardverhalten zu stoppen.

function goBack(event){ 
    event.preventDefault(); 
    window.history.back(); 
} 

Answer 3

preventDefault existiert in Javascript, aber wenn man in einem jQuery ähnliche Lösung interessiert sind, müssen Sie kümmern sich um Kompatibilitätsprobleme nehmen. Eine andere Lösung, die Kompatibilitätsprobleme mit alten Browsern bedenkt, ist:

function goBack(evt){ 
 
    var e = evt || window.event; 
 
    if (e !== undefined) { 
 
    if (e.preventDefault) { 
 
     e.preventDefault(); 
 
    } else { // IE 
 
     e.returnValue = false; 
 
    } 
 
    } 
 
    window.history.back(); 
 
}

<a href="#" onclick="goBack(event)"><img src="images/backbtn.png"></a>

Answer 4

auf die Antworten hinzuzufügen return false in jquery tut sowohl event.preventDefault und event.stopPropagation()

Von jquery Quellcode , jquery.event.dispatch

if (ret !== undefined) { 
    if ((event.result = ret) === false) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    } 
} 

Sowohl preventDefault als auch stopPropagation sind in Javascript verfügbar.

Für IE < 9, event.stopPropagation kann durch event.cancelBubble = true erfolgen und event.preventDefault kann durch