blob: b31cec26c6769aef21df3088e50b94d001a1a07d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
|
---
title: <maction>
slug: Web/MathML/Element/maction
translation_of: Web/MathML/Element/maction
---
<div>{{MathMLRef}}</div>
<div class="summary">
<p>MathML<code><strong><maction></strong></code>元素提供了一种让表达式（或子表达式）具有某种特定行为的可能性。具体行为方式由<code><strong>actiontype</strong></code>属性的取值来确定。也可以使用<code><strong>selection</strong></code>属性来手动指定该行为作用在哪个子元素上。</p>
</div>
<h2 id="属性">属性</h2>
<dl>
<dt id="attr-actiontype">actiontype</dt>
<dd>该属性描述元素上发生了哪种行为，有如下几种取值：
<ul>
<li><code>statusline</code>: 当元素被点击或屏幕阅读器的指针指向该元素时触发，message会在浏览器的状态栏中显示。语法如下：<code><maction actiontype="statusline"> <em>expression</em> <em>message</em> </maction></code>。</li>
<li><code>toggle</code>: 当子表达式被点击时触发，子表达式会依次显示。因此每次点击时selection的值都会增加。语法如下：<code><maction actiontype="toggle" selection="<em>positive-integer</em>" > <em>expression1</em> <em>expression2</em> <em>expressionN</em> </maction></code>。</li>
<li><code>tooltip</code>: 当指针指向表达式时触发，会在表达式附近显示一个提示框。语法如下：<code><maction actiontype="tooltip"> <em>expression</em> <em>message</em> </maction></code>。</li>
</ul>
</dd>
<dt id="attr-class-id-style">class, id, style</dt>
<dd>供<a href="/en-US/docs/CSS">样式表</a>使用。</dd>
<dt id="attr-href">href</dt>
<dd>用来设置标签点击后跳转的链接。</dd>
<dt id="attr-mathbackground">mathbackground</dt>
<dd>用来设置标签的背景色，可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd>
<dt id="attr-mathcolor">mathcolor</dt>
<dd>用来设置文字和分数的线的颜色，同样可以使用<code><strong>#rgb</strong></code>、<strong><code>#rrggbb</code></strong>或者<a href="/zh-CN/docs/Web/CSS/color_value">HTML颜色名</a>。</dd>
<dt id="attr-selection">selection</dt>
<dd>用来设置该行为作用在哪个子元素上，默认为<code><strong>1</strong></code>，代表第一个子元素。</dd>
</dl>
<h2 id="例子">例子</h2>
<p>下面的例子演示了如何使用“toggle”这个<code><strong>actiontype</strong></code>：</p>
<pre class="brush: html"><math>
<maction actiontype="toggle">
<mfrac>
<mn>6</mn>
<mn>8</mn>
</mfrac>
<mfrac>
<mrow>
<mn>3</mn>
<mo>&sdot;</mo>
<mn>2</mn>
</mrow>
<mrow>
<mn>4</mn>
<mo>&sdot;</mo>
<mn>2</mn>
</mrow>
</mfrac>
<mfrac>
<mn>3</mn>
<mn>4</mn>
</mfrac>
</maction>
</math>
</pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td>
<td>{{ Spec2('MathML3') }}</td>
<td>Current specification</td>
</tr>
<tr>
<td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td>
<td>{{ Spec2('MathML2') }}</td>
<td>Initial specification</td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
{{Compat("mathml.elements.maction")}}
<h2 id="Gecko具体说明">Gecko具体说明</h2>
<ul>
<li>在Gecko 9.0 {{ geckoRelease("9.0") }} 之前，<code><strong>actiontype</strong></code>属性支持的非标准的<code><strong>restyle</strong></code>值，如今它已经不再支持。</li>
<li>在Gecko 14.0 {{ geckoRelease("14.0") }} 之前，<strong><code>statusline</code></strong> 行为类型使用了如下所示的非标准语法，如今它已按照MathML规范被修复了。
<pre class="brush: html"><maction actiontype="statusline#(message)">
(expression)
</maction>
</pre>
</li>
<li>在Gecko 15.0 {{geckoRelease("15.0")}}中，只有actiontype属性的值为<code><strong>toggle</strong></code>时，<code><strong>selection</strong></code>属性才会有作用。</li>
<li>从Gecko 16.0 {{geckoRelease("16.0")}}开始，当<code><strong>actiontype</strong></code>属性的值无效时，<code><strong>selection</strong></code>属性仍然起作用。如果未指定<code><strong>actiontype</strong></code>或者<code><strong>selection</strong></code>属性的值无效，将抛出一个MathML错误（无效的标记）。</li>
</ul>
|
