此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

GlobalEventHandlers.onpointerleave

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

就像在Element或Window中点击类似，在某目标区域内，发生触点（鼠标指针，触摸等）行为时会触发源于 pointerleave 事件global event handler行为。这个事件本身属于 Pointer Events API 的一部分。

语法

var leaveHandler = EventTarget.onpointerleave;

EventTarget.onpointerleave = leaveHandler;

返回值

leaveHandler: pointerleave 事件会执行EventListener 监听器会委托执行用以发送给目标。

样例

这个样例展示了两种使用 onpointerleave 来设置元素 pointerleave 事件处理器的方式。

js




 Touch me ... 
 Touch me ...

查看 Using Pointer Events 以了解更多详情。

规格

Specification
Pointer Events # the-pointerleave-event
Pointer Events # dom-globaleventhandlers-onpointerleave

浏览器兼容性

参考

相关事件

\n\n

Touch me ...

\n

Touch me ...

\n\n\n\n

查看 Using Pointer Events 以了解更多详情。"}},{"type":"specifications","value":{"id":"规格","title":"规格","isH3":false,"specifications":[{"bcdSpecificationURL":"https://w3c.github.io/pointerevents/#the-pointerleave-event","title":"Pointer Events"},{"bcdSpecificationURL":"https://w3c.github.io/pointerevents/#dom-globaleventhandlers-onpointerleave","title":"Pointer Events"}],"query":"api.Element.pointerleave_event"}},{"type":"browser_compatibility","value":{"id":"浏览器兼容性","title":"浏览器兼容性","isH3":false,"query":"api.Element.pointerleave_event"}},{"type":"prose","value":{"id":"参考","title":"参考","isH3":false,"content":"

\n
相关事件\n
\n
gotpointercapture\n
lostpointercapture\n
pointerover\n
pointerenter\n
pointerdown\n
pointermove\n
pointerup\n
pointercancel\n
pointerout\n\n\n"}}],"isActive":true,"isMarkdown":true,"isTranslated":true,"locale":"zh-CN","mdn_url":"/zh-CN/docs/Web/API/Element/pointerleave_event","modified":"2022-11-05T13:24:10.000Z","native":"中文 (简体)","noIndexing":false,"other_translations":[{"locale":"en-US","title":"Element: pointerleave event","native":"English (US)"},{"locale":"de","title":"Element: pointerleave event","native":"Deutsch"},{"locale":"ja","title":"Element: pointerleave イベント","native":"日本語"}],"pageTitle":"GlobalEventHandlers.onpointerleave - Web API | MDN","parents":[{"uri":"/zh-CN/docs/Web","title":"面向开发者的 Web 技术"},{"uri":"/zh-CN/docs/Web/API","title":"Web API"},{"uri":"/zh-CN/docs/Web/API/Element","title":"Element"},{"uri":"/zh-CN/docs/Web/API/Element/pointerleave_event","title":"GlobalEventHandlers.onpointerleave"}],"popularity":null,"short_title":"GlobalEventHandlers.onpointerleave","sidebarHTML":"HTML DOM API Element 实例属性ariaActiveDescendantElement ariaAtomic ariaAutoComplete ariaBrailleLabel ariaBrailleRoleDescription ariaBusy ariaChecked ariaColCount ariaColIndex ariaColIndexText ariaColSpan ariaControlsElements ariaCurrent ariaDescribedByElements ariaDescription ariaDetailsElements ariaDisabled ariaErrorMessageElements ariaExpanded ariaFlowToElements ariaHasPopup ariaHidden ariaInvalid ariaKeyShortcuts ariaLabel ariaLabelledByElements ariaLevel ariaLive ariaModal ariaMultiLine ariaMultiSelectable ariaOrientation ariaOwnsElements ariaPlaceholder ariaPosInSet ariaPressed ariaReadOnly ariaRelevant\n非标准\n ariaRequired ariaRoleDescription ariaRowCount ariaRowIndex ariaRowIndexText ariaRowSpan ariaSelected ariaSetSize ariaSort ariaValueMax ariaValueMin ariaValueNow ariaValueText assignedSlot attributes childElementCount children classList className clientHeight clientLeft clientTop clientWidth currentCSSZoom elementTiming\n实验性\n firstElementChild id innerHTML lastElementChild localName namespaceURI nextElementSibling outerHTML part prefix previousElementSibling role scrollHeight scrollLeft scrollLeftMax\n非标准\n scrollTop scrollTopMax\n非标准\n scrollWidth shadowRoot slot tagName 实例方法after() animate() append() attachShadow() before() checkVisibility() closest() computedStyleMap() getAnimations() getAttribute() getAttributeNames() getAttributeNode() getAttributeNodeNS() getAttributeNS() getBoundingClientRect() getClientRects() getElementsByClassName() getElementsByTagName() getElementsByTagNameNS() getHTML() hasAttribute() hasAttributeNS() hasAttributes() hasPointerCapture() insertAdjacentElement() insertAdjacentHTML() insertAdjacentText() matches() moveBefore()\n实验性\n prepend() querySelector() querySelectorAll() releasePointerCapture() remove() removeAttribute() removeAttributeNode() removeAttributeNS() replaceChildren() replaceWith() requestFullscreen() requestPointerLock() scroll() scrollBy() scrollIntoView() scrollIntoViewIfNeeded()\n非标准\n scrollTo() setAttribute() setAttributeNode() setAttributeNodeNS() setAttributeNS() setCapture()\n非标准\n\n已弃用\n setHTML()\n实验性\n setHTMLUnsafe() setPointerCapture() toggleAttribute() 事件afterscriptexecute\n非标准\n\n已弃用\n animationcancel animationend animationiteration animationstart auxclick beforeinput beforematch beforescriptexecute\n非标准\n\n已弃用\n beforexrselect\n实验性\n blur click compositionend compositionstart compositionupdate contentvisibilityautostatechange contextmenu copy cut dblclick DOMActivate\n已弃用\n DOMMouseScroll\n非标准\n\n已弃用\n focus focusin focusout fullscreenchange fullscreenerror gesturechange\n非标准\n gestureend\n非标准\n gesturestart\n非标准\n gotpointercapture input keydown keypress\n已弃用\n keyup lostpointercapture mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup mousewheel\n非标准\n\n已弃用\n MozMousePixelScroll\n非标准\n\n已弃用\n paste pointercancel pointerdown pointerenter pointerleave pointermove pointerout pointerover pointerrawupdate pointerup scroll scrollend scrollsnapchange\n实验性\n scrollsnapchanging\n实验性\n securitypolicyviolation touchcancel touchend touchmove touchstart transitioncancel transitionend transitionrun transitionstart webkitmouseforcechanged\n非标准\n webkitmouseforcedown\n非标准\n webkitmouseforceup\n非标准\n webkitmouseforcewillbegin\n非标准\n wheel 继承Node EventTarget HTML DOM 的相关页面BeforeUnloadEvent DOMStringMap ErrorEvent HTMLAnchorElement HTMLAreaElement HTMLAudioElement HTMLBRElement HTMLBaseElement HTMLBodyElement HTMLButtonElement HTMLCanvasElement HTMLDListElement HTMLDataElement HTMLDataListElement HTMLDialogElement HTMLDivElement HTMLDocument HTMLElement HTMLEmbedElement HTMLFieldSetElement HTMLFormControlsCollection HTMLFormElement HTMLFrameSetElement\n已弃用\n HTMLHRElement HTMLHeadElement HTMLHeadingElement HTMLHtmlElement HTMLIFrameElement HTMLImageElement HTMLInputElement HTMLLIElement HTMLLabelElement HTMLLegendElement HTMLLinkElement HTMLMapElement HTMLMediaElement HTMLMenuElement HTMLMetaElement HTMLMeterElement HTMLModElement HTMLOListElement HTMLObjectElement HTMLOptGroupElement HTMLOptionElement HTMLOptionsCollection HTMLOutputElement HTMLParagraphElement HTMLPictureElement HTMLPreElement HTMLProgressElement HTMLQuoteElement HTMLScriptElement HTMLSelectElement HTMLSourceElement HTMLSpanElement HTMLStyleElement HTMLTableCaptionElement HTMLTableCellElement HTMLTableColElement HTMLTableElement HTMLTableRowElement HTMLTableSectionElement HTMLTemplateElement HTMLTextAreaElement HTMLTimeElement HTMLTitleElement HTMLTrackElement HTMLUListElement HTMLUnknownElement HTMLVideoElement HashChangeEvent History ImageData Location MessageChannel MessageEvent MessagePort Navigator PageRevealEvent PageSwapEvent PageTransitionEvent Plugin\n已弃用\n PluginArray\n已弃用\n PromiseRejectionEvent RadioNodeList UserActivation ValidityState Window WorkletGlobalScope 指南在 JavaScript 中通过 queueMicrotask() 使用微任务深入：微任务与 Javascript 运行时环境","source":{"folder":"zh-cn/web/api/element/pointerleave_event","github_url":"https://github.com/mdn/translated-content/blob/main/files/zh-cn/web/api/element/pointerleave_event/index.md","last_commit_url":"https://github.com/mdn/translated-content/commit/21dbd3e259695fe47eb7f602f767121b120b1129","filename":"index.md"},"summary":"就像在Element或Window中点击类似，在某目标区域内，发生触点（鼠标指针，触摸等）行为时会触发源于 pointerleave 事件global event handler行为。这个事件本身属于 Pointer Events API 的一部分。","title":"GlobalEventHandlers.onpointerleave","toc":[{"text":"语法","id":"语法"},{"text":"样例","id":"样例"},{"text":"规格","id":"规格"},{"text":"浏览器兼容性","id":"浏览器兼容性"},{"text":"参考","id":"参考"}],"baseline":{"baseline":"high","baseline_low_date":"2020-07-28","baseline_high_date":"2023-01-28","support":{"chrome":"55","chrome_android":"55","edge":"12","firefox":"59","firefox_android":"79","safari":"13","safari_ios":"13"},"feature":{"status":{"baseline":"high","baseline_low_date":"2020-07-28","baseline_high_date":"2023-01-28","support":{"chrome":"55","chrome_android":"55","edge":"12","firefox":"59","firefox_android":"79","safari":"13","safari_ios":"13"}},"description_html":"Pointer events, such as pointerdown, and the PointerEvent API, represent general pointing inputs, from a wide range of devices, such as a mouse, pen or stylus, or touch with one or more fingers. Not to be confused with the pointer-events CSS property.","name":"Pointer Events"}},"browserCompat":["api.Element.pointerleave_event"],"pageType":"web-api-event"}}