Das Beispiel in diesem Artikel beschreibt, wie JavaScript das Standardereignis eines Tag-Hyperlinks behandelt. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Manchmal ist es notwendig, dem a-Tag ein Klickereignis hinzuzufügen und einige Transaktionen vor dem Springen zu verarbeiten, sodass einige Verarbeitungsschritte durchgeführt werden müssen. Normalerweise gibt das Frontend einen link< /a> Um dieses Verhalten darzustellen, schreiben einige Leute es wie folgt: link ;/a> , aber dies ist nicht mit allen Browsern kompatibel und einige Browser verhalten sich seltsam.
Daher erfordert die Lösung dieses Problems andere Methoden. Eine besteht darin, JQuery zum Blockieren des Standardereignisses zu verwenden, genau wie im Beispiel in der offiziellen API von JQUERY:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>event.preventDefault demo</title>
<script src="jquery-1.10.2.js"></script>
</head>
<body>
<a href="http://jquery.com">default click action is prevented</a>
<div id="log"></div>
<script>
$( "a" ).click(function( event ) {
event.preventDefault();
$( "<div>" )
.append( "default " + event.type + " prevented" )
.appendTo( "#log" );
});
</script>
</body>
</html>Eine andere Methode besteht darin, dem Hyperlink eine Javascript-Methode hinzuzufügen und der Methode „return“ hinzuzufügen
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
