Element: DOMActivate event

已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性,并更新现有的代码;参见本页面底部的兼容性表格以指导你作出决定。请注意,该特性随时可能无法正常工作。

当元素被激活时发生,例如点击鼠标或键盘按键。

当元素被激活,如使用鼠标点击或使用键盘导航并激活至这个元素时, DOMActivate 事件被触发。

Bubbles

Yes

Cancelable

Yes

Interface

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) {
          var circle = evt.target;
          var 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>

规范

Specification
UI Events
# event-type-DOMActivate

浏览器兼容性

BCD tables only load in the browser

参见