The onclick attribute specifies some script to run when the element is clicked.
Thirty-seven elements are using this attribute: <a>, <altGlyph>, <animate>, <animateMotion>, <animateTransform>,
<circle>, <defs>, <desc>, <ellipse>, <foreignObject>, <g>,
<image>, <line>, <linearGradient>, <marker>, <metadata>, <mpath>,
<path>, <pattern>, <polygon>, <polyline>, <radialGradient>, <rect>,
<script>, <set>, <stop>, <style>, <svg>, <switch>,
<symbol>, <text>, <textPath>, <title>, <tref>, <tspan>,
<use>, <view>
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 |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
onclick | Chrome ? | Edge ? | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Compatibility unknown
- Compatibility unknown
