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