toggle(ontoggle)イベント

　toggle(ontoggle)イベントは、<detail>エレメントを開くまたは閉じると発生するイベントです。

構文（Syntax）

in HTML

<tagelement ontoggle="function()">

in JavaScript

object.ontoggle = function(){ };

object.addEventListener("toggle", script_);

備考（Remarks）


Bubbles	No
Cancelable	No
Interface	Event
Supported HTML Elements	<detail>

関連（Related）

　HTML、CSS、DOMのHTMLエレメント、Windowに関する用途一覧です。

HTML

エレメント: <div>、 <span>
レイアウト、カテゴリー: <article>、 <aside>、 <footer>、 <main>、 <nav>、 <section>
表示、非表示: <details>、 <summary>、 <template>
ポップアップダイアログ、モーダルウィンドウ: <dialog>
注釈入りイラスト、図、写真、コード例: <figcaption>、 <figure>
別ページ: <iframe>

CSS

サイズ

: height、 width、 max-height、 max-width、 min-height、 min-width、 resize
スクロール追加: overflow、 overflow-x、 overflow-y

マージン、パディング、ボーダー

共通

box-sizing、 display

マージン

margin、 margin-bottom、 margin-left、 margin-right、 margin-top

パディング

padding、 padding-bottom、 padding-left、 padding-right、 padding-top

ボーダー、罫線

全体: border、 border-collapse、 border-color、 border-spacing、 border-style、 border-width
上辺: border-top、 border-top-color、 border-top-left-radius、 border-top-right-radius、 border-top-style、 border-top-width
下辺: border-bottom、 border-bottom-color、 border-bottom-left-radius、 border-bottom-right-radius、 border-bottom-style、 border-bottom-width
左辺: border-left、 border-left-color、 border-left-style、 border-left-width
右辺: border-right、 border-right-color、 border-right-style、 border-right-width
角を丸に: border-radius
画像を線に: border-image、 border-image-outset、 border-image-repeat、 border-image-slice、 border-image-source、 border-image-width

アウトライン

outline、 outline-color、 outline-offset、 outline-style、 outline-width

配置

位置調整: bottom、 left、 right、 top、 position、 z-index
横並び（フレックス）: display:flex;、 align-content、 align-items、 align-self、 justify-content、 flex-wrap、 flex-basis、 flex-direction、 flex-flow
配列（グリッド）: display:grid;、 grid-area、 grid-auto-columns、 grid-auto-flow、 grid-auto-rows、 grid-column、 grid-column-end、 grid-column-gap、 grid-column-start、 grid-gap、 grid-row、 grid-row-end、 grid-row-gap、 grid-row-start、 grid-template、 grid-template-areas、 grid-template-columns、 grid-template-rows、
フレックス、グリッドの共通　横並び順: order

背景

background、 background-attachment、 background-blend-mode、 background-clip、 background-color、 background-image、 background-origin、 background-position、 background-repeat、 background-size、 linear-gradient、 radial-gradient

フィルタ、加工

: filter、 transform、 transform-origin
ブレンド: isolation、 linear-gradient()、 mix-blend-mode、 radial-gradient()
影: box-shadow

透過: opacity

回転: backface-visibility、
立体: perspective、 perspective-origin
切り取り: clip-path

カラム

column-fill、 column-gap、 column-rule、 column-rule-color、 column-rule-style、 column-rule-width、 column-span、 column-width、 columns

ページ内移動

scroll-behavior

表示、非表示

visibility

DOM

HTMLエレメント

インターフェース、クラス: Document、 Element、 FocusEvent、 Attr
イベント: blur、 focus、 focusin、 focusout、 load、 resize、 scroll、 toggle
プロパティ
メソッド

Window

インターフェース: HashChangeEvent、 PageTransitionEvent、 Window
イベント: beforeunload、 hashchange、 load、 pagehide、 pageshow、 unload
プロパティ: newURL、 oldURL、 persisted
メソッド: clearTimeout() setTimeout()

ABC順INDEX

A

Interface: Attr; AnimationEvent
Event: abort; afterprint　未対応ブラウザあり ( Window ); animationend; animationiteration; animationstart
Parameter: activeElement ( DocumentOrShadowRoot ); altKey ( MouseEvent,KeyboardEvent ); animationName ( AnimationEvent ); assignedSlot ( Slotable ); attributes ( Element )
Method: addEventListener() ( EventTarget ); animate() ( Element ); appendChild() ( Node ); attachShadow() ( Element ); atob() ( WindowOrWorkerGlobalScope )

B

Interface
Event: beforeprint　未対応ブラウザあり ( Window ); beforeunload ( Window ); blur
Parameter: baseURI ( Node ); baseURIObject ( Node ); body ( Document ); bubbles ( Event ); button ( MouseEvent ); buttons ( MouseEvent )
Method: btoa() ( WindowOrWorkerGlobalScope )

C

Interface: ClipboardEvent; CSS Object Model
Event: canplay; canplaythrough; change; click; contextmenu; copy; cut
Parameter: cancelable ( Event ); caches ( WindowOrWorkerGlobalScope ); charCode ( KeyboardEvent ); characterSet ( Document ); childNodes ( Node ); classList ( Element ); className ( Element ); clearInterval() ( WindowOrWorkerGlobalScope ); clearTimeout() ( WindowOrWorkerGlobalScope ); clientHeight ( Element ); clientLeft ( Element ); clientTop ( Element ); clientWidth ( Element ); clientX ( MouseEvent ); clientY ( MouseEvent ); closed ( Window ); code ( KeyboardEvent ); computedName ( Element ); computedRole ( Element ); console ( Window ); controllers ( Window ); cookie ( Document ); ctrlKey ( MouseEvent,KeyboardEvent ); currentTarget ( Event )
Method: cloneNode() ( Node ); closest() ( Element ); computedStyleMap() ( Element ); compareDocumentPosition() ( Node ); contains() ( Node ); createEvent(); crypto ( Window ); createImageBitmap() ( WindowOrWorkerGlobalScope ); createShadowRoot() ( Element ); customElements ( Window )

D

Interface: Document; DragEvent
Event: dblclick; devicemotion ( Window ); deviceorientation ( Window ); drag; dragend; dragenter; dragleave; dragover; dragstart; drop; durationchange
Parameter: data ( InputEvent ); defaultPrevented ( Event ); defaultView ( Document ); deltaMode ( WheelEvent ); deltaX ( WheelEvent ); deltaY ( WheelEvent ); deltaZ ( WheelEvent ); designMode ( Document ); detail ( UiEvent ); devicePixelRatio ( Window ); dialogArguments ( Window ); dir ( Document ); doctype ( Document ); document ( Window ); documentElement ( Document ); documentURI ( Document ); domain ( Document ); DOMMatrix ( Window ); DOMMatrixReadOnly ( Window ); DOMPoint ( Window ); DOMPointReadOnly ( Window ); DOMQuad ( Window ); DOMRect ( Window ); DOMRectReadOnly ( Window )
Method: dispatchEvent() ( EventTarget )

E

Interface: Element; EventTarget; Event
Event: emptied; ended; error
Parameter: elapsedTime ( AnimationEvent,TransitionEvent ); embeds ( Document ); event ( Window ); eventPhase ( Event )
Method: entries() ( NodeList )

F

Interface: FocusEvent
Event: focus; focusin; focusout; fullscreenchange; fullscreenerror
Parameter: featurePolicy ( Document ); firstChild ( Node ); fonts ( Document ); forms ( Document ); frameElement ( Window ); frames ( Window ); fullScreen ( Window ); fullscreenElement ( DocumentOrShadowRoot )
Method: fetch() ( WindowOrWorkerGlobalScope ); forEach() ( NodeList )

G

Interface: GamepadEvent
Event: gamepadconnected ( Window ); gamepaddisconnected ( Window )
Parameter
Method: getAnimations() ( Element ); getAttribute() ( Element ); getAttributeNames() ( Element ); getAttributeNS() ( Element ); getAttributeNode() ( Element ); getAttributeNodeNS() ( Element ); getBoundingClientRect() ( Element ); getClientRects() ( Element ); getElementsByClassName() (Document, Element); getElementById() (Document); getElementsByName() (Document, Element); getElementsByTagName() (Document, Element); getElementsByTagNameNS() (Document, Element); getModifierState() ( Event ); getRootNode() ( Node )

H

Interface: HashChangeEvent; HTMLFieldSetElement; HTMLFormElement; HTMLAnchorElement; HTMLAreaElement; HTMLAudioElement; HTMLBaseElement; HTMLBaseFontElement (en-US); HTMLBodyElement; HTMLBRElement; HTMLButtonElement; HTMLCanvasElement; HTMLCollection; HTMLContentElement; HTMLDataElement; HTMLDataListElement (en-US); HTMLDetailsElement; HTMLDialogElement; HTMLDivElement; HTMLDListElement; HTMLDocument; HTMLElement; HTMLEmbedElement; HTMLFieldSetElement; HTMLFontElement (en-US); HTMLFormControlsCollection; HTMLFormElement; HTMLFrameSetElement (en-US); HTMLHeadElement; HTMLHeadingElement; HTMLHRElement; HTMLHtmlElement; HTMLIFrameElement; HTMLImageElement (en-US); HTMLInputElement; HTMLKeygenElement; HTMLLabelElement; HTMLLegendElement; HTMLLIElement; HTMLLinkElement; HTMLMapElement; HTMLMarqueeElement (en-US); HTMLMediaElement; HTMLMenuElement (en-US); HTMLMenuItemElement (en-US); HTMLMetaElement; HTMLMeterElement (en-US); HTMLModElement; HTMLObjectElement; HTMLOListElement; HTMLOptGroupElement (en-US); HTMLOptionElement; HTMLOptionsCollection (en-US); HTMLOutputElement; HTMLParagraphElement; HTMLParamElement; HTMLPictureElement; HTMLPreElement (en-US); HTMLProgressElement (en-US); HTMLQuoteElement; HTMLScriptElement; HTMLSelectElement; HTMLShadowElement; HTMLSlotElement; HTMLSourceElement; HTMLSpanElement; HTMLStyleElement; HTMLTableCaptionElement (en-US); HTMLTableCellElement (en-US); HTMLTableColElement; HTMLTableElement; HTMLTableRowElement; HTMLTableSectionElement (en-US); HTMLTemplateElement; HTMLTextAreaElement; HTMLTimeElement; HTMLTitleElement; HTMLTrackElement (en-US); HTMLUListElement (en-US); HTMLUnknownElement; HTMLVideoElement
Event: hashchange ( Window )
Parameter: head ( Document ); hidden ( Document ); history ( Window )
Method: hasAttribute() ( Element ); hasAttributeNS() ( Element ); hasAttributes() ( Element ); hasChildNodes() ( Node ); hasPointerCapture() ( Element )

I

Interface: InputEvent
Event: input; invalid
Parameter: id ( Element ); images ( Document ); implementation ( Document ); indexedDB ( WindowOrWorkerGlobalScope ); innerHeight ( Window ); innerHTML ( Element ); innerWidth ( Window ); inputType ( InputEvent ); isConnected( Node ); isSecureContext ( Window ); isSecureContext ( WindowOrWorkerGlobalScope ); isTrusted ( Event )
Method: insertAdjacentElement() ( Element ); insertAdjacentHTML() ( Element ); insertAdjacentText() ( Element ); insertBefore() ( Node ); item() ( NodeList ); isDefaultNamespace() ( Node ); isEqualNode() ( Node ); isSameNode() ( Node )

J

K

Interface: KeyboardEvent
Event: keydown; keypress; keyup
Parameter: key ( KeyboardEvent ); keyCode( KeyboardEvent )
Method: keys() ( NodeList )

L

Interface: Location
Event: languagechange ( Window ); load; loadeddata; loadedmetadata; loadstart
Parameter: lastChild ( Node ); lastModified ( Document ); lastStyleSheetSet ( Document ); length ( NodeList ); length ( Window ); links ( Document ); localName ( Element ); localname ( Attr ); localStorage ( Window ); location ( Document ); location ( KeyboardEvent ); location ( Window ); locationbar ( Window )
Method: lookupPrefix() ( Node ); lookupNamespaceURI() ( Node )

M

Interface: MouseEvent
Event: message ( Window ); mousedown; mouseenter; mouseleave; mousemove; mouseout; mouseover; mouseup
Parameter: menubar ( Window ); messageManager ( Window ); mozInnerScreenX ( Window ); mozInnerScreenY ( Window ); metaKey ( MouseEvent,KeyboardEvent ); mozSyntheticDocument ( Document )
Method: matches() ( Element )

N

Interface: Node; NodeList
Event
Parameter: name ( Attr ); name ( Window ); namespaceURI ( Attr ); namespaceURI ( Element ); navigator ( Window ); nextElementSibling ( NonDocumentTypeChildNode ); nextSibling ( Node ); newURL ( HashChangeEvent ); nodeName ( Node ); nodePrincipal ( Node ); nodeType ( Node ); nodeValue ( Node )
Method: normalize() ( Node )

O

Interface: OfflineAudioCompletionEvent
Event: offline　未対応のブラウザあり ( Window ); online　未対応のブラウザあり ( Window ); open
Parameter: oldURL ( HashChangeEvent ); outerHTML ( Element ); opener ( Window ); openOrClosedShadowRoot ( Element ); origin ( WindowOrWorkerGlobalScope ); outerHeight ( Window ); outerWidth ( Window ); ownerElement ( Attr ); ownerDocument ( Node )

P

Interface: PageTransitionEvent; PopStateEvent; ProgressEvent
Event: pagehide ( Window ); pageshow ( Window ); paste; pause; play; playing; plugins ( Document ); onpopstate ( Window ); preferredStyleSheetSet ( Document ); progress
Parameter: pageX ( MouseEvent ); pageY ( MouseEvent ); pageXOffset ( Window ); pageYOffset ( Window ); parent ( Window ); parentNode ( Node ); parentElement ( Node ); part ( Element ); performance ( Window ); personalbar ( Window ); prefix ( Attr ); prefix ( Element ); previousElementSibling ( NonDocumentTypeChildNode ); pointerLockElement ( DocumentOrShadowRoot ); previousSibling ( Node ); persisted ( PageTransitionEvent ); propertyName ( TransitionEvent )
Method: pseudo() ( Element ); preventDefault() ( Event )

Q

Method: querySelector() ( Element ); querySelectorAll() ( Element )

R

Interface
Event: readystatechange ( Document ); ratechange; reset; resize
Parameter: readyState ( Document ); referrer ( Document ); relatedTarget ( MouseEvent、FocusEvent )
Method: releasePointerCapture() ( Element ); remove() ( ChildNode ); removeAttribute() ( Element ); removeAttributeNS() ( Element ); removeAttributeNode() ( Element ); removeChild() ( Node ); removeEventListener() ( EventTarget ); replaceChild() ( Node ); requestFullscreen() ( Element ); requestPointerLock() ( Element )

S

Interface: StorageEvent
Event: scroll; search; seeked; seeking; select; show　未対応のブラウザあり; stalled; storage ( Window ); submit; suspend
Parameter: screen ( Window ); screenLeft ( Window ); screenTop ( Window ); screenX ( MouseEvent ); screenX ( Window ); screenY ( MouseEvent ); screenY ( Window ); scripts ( Document ); scrollbars ( Window ); scrollMaxX ( Window ); scrollMaxY ( Window ); scrollX ( Window ); scrollY ( Window ); scrollingElement ( Document ); scrollHeight ( Element ); scrollLeft ( Element ); scrollLeftMax ( Element ); scrollTop ( Element ); scrollTopMax ( Element ); scrollWidth ( Element ); selectedStyleSheetSet ( Document ); self ( Window ); sessionStorage ( Window ); shadowRoot ( Element ); shiftKey ( MouseEvent, KeyboardEvent ); sidebar ( Window ); slot ( Element ); styleSheets ( DocumentOrShadowRoot ); styleSheetSets ( Document )
Method: scroll() ( Element ); scrollBy() ( Element ); scrollIntoView() ( Element ); scrollTo() ( Element ); setAttribute() ( Element ); setAttributeNS() ( Element ); setAttributeNode() ( Element ); setAttributeNodeNS() ( Element ); setCapture() ( Element ); setInterval() ( WindowOrWorkerGlobalScope ); setPointerCapture() ( Element ); setTimeout() ( WindowOrWorkerGlobalScope ); specified ( Attr ); speechSynthesis ( Window ); status ( Window ); statusbar ( Window ); stopImmediatePropagation() ( Event ); stopPropagation() ( Event )

T

Interface: TouchEvent
Event: timeupdate; toggle; touchcancel; touchend; touchmove; touchstart; transitionend
Parameter: tabStop ( Element ); tagName ( Element ); target ( Event ); targetTouches ( Event ); textContent ( Node ); timeline ( Document ); timeStamp ( Event ); title ( Document ); toolbar ( Window ); top ( Window ); touches ( Event ); transitionend ( Event ); type ( Event )
Method: toggleAttribute() ( Element ); toLocaleString() ( prototype )

U

Interface: UiEvent
Event: unhandledrejection ( Window ); unload ( Window )
Parameter: undoManager ( Element ); undoScope ( Element ); URL ( Document )

V

Interface
Event: visibilitychange ( Document ); volumechange
Parameter: visualViewport ( Window ); view ( Event ); visibilityState ( Document )
Method: value ( Attr ); values() ( NodeList )