How to prevent hyperlinks from jumping when using a link

When using <a href="" onclick="">, some problems occurred, which puzzled me for more than a month. Now I got the following conclusion from netizens, which made me suddenly enlightened and the problem was solved.

The onclick event of the link is executed first, followed by the action under the href attribute (page jump, or javascript pseudo link);
Assume that both href and onclick exist in a link. If you want to prevent the action under the href attribute from being executed, onclick must return a false value.
If the page is too long and has a scroll bar, and you want to perform an action through the onclick event of the link. Its href attribute should be set to javascript:void(0); instead of #, which can prevent unnecessary page jumps;
If a function with a return value is called in the href attribute of a link, the content of the current page will be replaced by the return value of this function;
It makes a difference when holding down the Shift key.
The problem I encountered today is that I cannot access the parentNode in the form of href in IE6.0.
Try not to use the javascript: protocol as the href attribute of A. This will not only cause unnecessary triggering of the window.onbeforeunload event, but will also stop the playing of the gif animation in IE.

<<: Learn how to use JavaScript's new Element Traversal property to traverse child elements

>>: onfocus="this.blur()" is hated by blind webmasters

How to prevent hyperlinks from jumping when using a link

Simple comparison of meta tags in html

Analysis of the principle of MySQL large table extraction mode from the perspective of cloud data migration service

A brief discussion on the solution of Tomcat garbled code and port occupation

Implementation of Grid common layout

Example of using JS to determine whether an element is an array

A troubleshooting experience of centos Docker bridge mode unable to access the host Redis service

How to use docker to deploy dubbo project

How to monitor Linux server status

Detailed explanation of common Docker Compose commands

Summary of several commonly used string methods in JavaScript (must-read for beginners)

Recommend

MySQL 5.7.20 zip installation tutorial

A super detailed Vue-Router step-by-step tutorial

About Zabbix custom monitoring items and triggers

Example code for implementing auto-increment sequence in mysql

How to enable JMX monitoring through Tomcat

How to configure path alias for react scaffolding

CSS scroll bar style modification code

MySQL InnoDB monitoring (system layer, database layer)

Solution to the problem of z-index not taking effect in CSS3

Tutorial on installing mysql8 on linux centos7

What you need to know about msyql transaction isolation

JavaScript determines whether the browser is IE

CentOS 7 cannot access the Internet after modifying the network card

TypeScript namespace merging explained

vue-cropper component realizes image cutting and uploading