元素：DOMActivate 事件

已弃用：此功能不再推荐使用。尽管某些浏览器可能仍然支持它，但它可能已经从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请查看本页面底部的兼容性表格，以指导您的决定。请注意，此功能可能在任何时候停止工作。

当元素变为活动状态时，就会在该元素上触发DOMActivate事件，例如，当使用鼠标单击元素或使用按键导航到元素时。

语法

在诸如addEventListener()之类的 方法中使用事件名称，或者设置事件处理程序属性。

js
addEventListener("DOMActivate", (event) => {});

onDOMActivate = (event) => {};

事件类型

A MouseEvent. Inherits from UIEvent and Event.

Event UIEvent MouseEvent

事件属性

[...]

示例

html
<svg
  xmlns="http://www.w3.org/2000/svg"
  version="1.2"
  baseProfile="tiny"
  xmlns:ev="http://www.w3.org/2001/xml-events"
  width="6cm"
  height="5cm"
  viewBox="0 0 600 500">
  <desc>Example: invoke an ECMAScript function from a DOMActivate event</desc>

  <!-- ECMAScript to change the radius -->
  <script type="application/ecmascript">
    <![CDATA[ function change(evt) { const circle = evt.target; const
    currentRadius = circle.getFloatTrait("r"); if (currentRadius === 100) {
    circle.setFloatTrait("r", currentRadius * 2); } else {
    circle.setFloatTrait("r", currentRadius * 0.5); } } ]]>
  </script>

  <!-- Act on each DOMActivate event -->
  <circle cx="300" cy="225" r="100" fill="red">
    <handler type="application/ecmascript" ev:event="DOMActivate">
      change(evt);
    </handler>
  </circle>

  <text
    x="300"
    y="480"
    font-family="Verdana"
    font-size="35"
    text-anchor="middle">
    Activate the circle to change its size
  </text>
</svg>

规范

规范
UI 事件
# event-type-DOMActivate

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅