https://help.marketruler.com/index.php?action=history&feed=atom&title=JavaScript_onclickJavaScript onclick - Revision history2026-04-29T03:58:46ZRevision history for this page on the wikiMediaWiki 1.30.0https://help.marketruler.com/index.php?title=JavaScript_onclick&diff=1030&oldid=prevAdmin at 15:50, 26 February 20162016-02-26T15:50:21Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr style="vertical-align: top;" lang="en">
<td colspan="2" style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: white; color:black; text-align: center;">Revision as of 15:50, 26 February 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13" >Line 13:</td>
<td colspan="2" class="diff-lineno">Line 13:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>To add the '''onclick''' method:</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>To add the '''onclick''' method:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><code>&lt;a href="''url''" onclick="return <del class="diffchange diffchange-inline">cr_link</del>(this, '8')"&gt;Click here to sign up&lt;/a&gt;</code></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><code>&lt;a href="''url''" onclick="return <ins class="diffchange diffchange-inline">__CR.link</ins>(this, '8')"&gt;Click here to sign up&lt;/a&gt;</code></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The '''onclick''' attribute should return a value which tells the browser whether to actually load the link or not. If the [[JavaScript]] function returns ''true'', then the link will be followed, if it returns ''false'', the link will not be followed.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>The '''onclick''' attribute should return a value which tells the browser whether to actually load the link or not. If the [[JavaScript]] function returns ''true'', then the link will be followed, if it returns ''false'', the link will not be followed.</div></td></tr>
</table>Adminhttps://help.marketruler.com/index.php?title=JavaScript_onclick&diff=587&oldid=prevAdmin: Created page with 'In a web page's HTML, a web developer can use JavaScript to trigger client-side code to track when a link is clicked. The '''<a>''' HTML tag appears like so: …'2010-11-04T13:33:38Z<p>Created page with 'In a web page's <a href="/wiki/HTML" title="HTML">HTML</a>, a web developer can use <a href="/wiki/JavaScript" title="JavaScript">JavaScript</a> to trigger client-side code to track when a link is clicked. The '''<a>''' <a href="/wiki/HTML" title="HTML">HTML</a> tag appears like so: …'</p>
<p><b>New page</b></p><div>In a web page's [[HTML]], a web developer can use [[JavaScript]] to trigger client-side code to track when a link is clicked.<br />
<br />
The '''&lt;a&gt;''' [[HTML]] tag appears like so:<br />
<br />
<code>&lt;a href="''url''"&gt;Click here to sign up&lt;/a&gt;</code><br />
<br />
The '''onclick''' attribute can be added to the '''&lt;a&gt;''' tag, and the value contains the [[JavaScript]] to run when the user:<br />
<br />
* Selects the link using the keyboard and then hits the Enter key, or<br />
* Clicks the link with their mouse, or<br />
* Taps the link with their finger on a [[Touch-based Device]]<br />
<br />
To add the '''onclick''' method:<br />
<br />
<code>&lt;a href="''url''" onclick="return cr_link(this, '8')"&gt;Click here to sign up&lt;/a&gt;</code><br />
<br />
The '''onclick''' attribute should return a value which tells the browser whether to actually load the link or not. If the [[JavaScript]] function returns ''true'', then the link will be followed, if it returns ''false'', the link will not be followed.<br />
<br />
This allows a program to, for example, put up a warning before following a link.<br />
<br />
==For more information==<br />
* [[Tracking Forms (JavaScript)]]<br />
* [[Tracking Links (JavaScript)]]<br />
<br />
[[Category:Technical]]<br />
[[Category:Glossary]]</div>Admin