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
Recommend
How to quickly deploy Redis as a Docker container
Table of contents getting Started Data storage Co...
A brief analysis of the function calling process under the ARM architecture
Table of contents 1. Background knowledge 1. Intr...
How to allow all hosts to access mysql
1. Change the Host field value of a record in the...
VMware ESXI server virtualization cluster
Table of contents summary Environment and tool pr...
How to customize more beautiful link prompt effect with CSS
Suggestion: Handwriting code as much as possible c...
MySQL 5.7.17 compressed package installation and configuration method graphic tutorial
There are few and inadequate installation tutoria...
HTML Basics - Simple Example of Setting Hyperlink Style
*** Example of setting the style of a hyperlink a...
Detailed explanation of XML syntax
1. Documentation Rules 1. Case sensitive. 2. The a...
Vue.$set failure pitfall discovery and solution
I accidentally found that Vue.$set was invalid in...
Ideas and codes for implementing iframe to intercept part of the website content
Copy code The code is as follows: <div style=&...
Detailed explanation on reasonable settings of MySQL sql_mode
Reasonable setting of MySQL sql_mode sql_mode is ...
React hooks pros and cons
Table of contents Preface advantage: shortcoming:...
How to create components in React
Table of contents Preface Component Introduction ...
Several ways to run Python programs in the Linux background
1. The first method is to use the unhup command d...