--- title: onclick slug: Web/SVG/Attribute/onclick tags: - SVG - SVG Attribute - events - イベント translation_of: Web/SVG/Attribute/onclick ---
{{SVGRef}}

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")}}

<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")}}