Various solutions for A tag to trigger onclick event without jumping_javascript skills

When developing web pages, we often encounter the following situations:

1. A label only needs to trigger onclick behavior;
2. The performance must have a mouse pointer display, or something similar. The visual effect of the label.
For example, when performing a delete operation, in order to avoid misoperation, we need to pop up a dialog box to let the user confirm whether to delete. Therefore, we often use the link instead of to trigger the onclick event.
The code is as follows:

Copy code The code is as follows:

Delete

The consequence of this is that the js code will jump to the "Execute Delete.jsp" page, and the tag will also jump to open a Empty page. Because HTML itself processes the href attribute of the tag, it will first execute our own defined method, and then run its own method (jump method).

There are four main solutions, as follows:
1. Don’t use a tag, set css or use js to express it (a bit complicated);
2. Use a Return false in tag, onclick attribute or onclick event; (personal preference)
For example: Delete
This is a question of execution order. The execution order of this tag should be to execute the onclick script first, and then jump to the page specified by the href parameter. By returning false in onclick, you can abort the workflow of the tag, that is, prevent the page from jumping to the page specified by the href parameter.
3. Use a pseudo-protocol like href="javascript:void(0)"; (this kind of pseudo-protocol should be written less often)
That is: Delete
4. Delete. (Always jump to the top of the current page. When the page has a lot of content, it will still feel like jumping)