onclick

SVG Elements
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

The onclick attribute specifies some script to run when the element is clicked.

You can use this attribute with the following SVG elements:

Example

html, body, svg {
  height: 100%;
  margin: 0;
}

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" onclick="alert('You have clicked the circle.')" />
</svg>

Usage notes

Value	`<anything>`
Default value	None
Animatable	No

Specifications

Specification	Status	Comment
Scalable Vector Graphics (SVG) 2 The definition of 'onclick' in that specification.	Candidate Recommendation	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'onclick' in that specification.	Recommendation	Initial definition

onclick

Example

Usage notes

Specifications

Browser compatibility