--- title: onclick slug: Web/SVG/Attribute/onclick tags: - SVG - SVG Attribute - events - イベント translation_of: Web/SVG/Attribute/onclick ---
onclick
属性は、要素がクリックされたときに実行するスクリプトを指定します。
37個の要素がこの属性を使用します。 {{SVGElement("a")}}, {{SVGElement("altGlyph")}}, {{SVGElement("animate")}}, {{SVGElement("animateMotion")}}, {{SVGElement("animateTransform")}},
{{SVGElement("circle")}}, {{SVGElement("defs")}}, {{SVGElement("desc")}}, {{SVGElement("ellipse")}}, {{SVGElement("foreignObject")}}, {{SVGElement("g")}},
{{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("linearGradient")}}, {{SVGElement("marker")}}, {{SVGElement("metadata")}}, {{SVGElement("mpath")}},
{{SVGElement("path")}}, {{SVGElement("pattern")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("radialGradient")}}, {{SVGElement("rect")}},
{{SVGElement("script")}}, {{SVGElement("set")}}, {{SVGElement("stop")}}, {{SVGElement("style")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}},
{{SVGElement("symbol")}}, {{SVGElement("text")}}, {{SVGElement("textPath")}}, {{SVGElement("title")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}},
{{SVGElement("use")}}, {{SVGElement("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>
{{EmbedLiveSample("topExample", "220", "220")}}
値 | <anything> |
---|---|
既定値 | なし |
アニメーション | 不可 |
仕様書 | 状態 | 備考 |
---|---|---|
{{SpecName("SVG2", "interact.html#EventAttributes", "onclick")}} | {{Spec2("SVG2")}} | 変更なし |
{{SpecName("SVG1.1", "script.html#OnClickEventAttribute", "onclick")}} | {{Spec2("SVG1.1")}} | 初回定義 |
{{Compat("svg.attributes.events.global.onclick")}}