diff options
Diffstat (limited to 'files/zh-cn/web/api/clipboardevent')
3 files changed, 252 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/clipboardevent/clipboarddata/index.html b/files/zh-cn/web/api/clipboardevent/clipboarddata/index.html new file mode 100644 index 0000000000..c34c04ebae --- /dev/null +++ b/files/zh-cn/web/api/clipboardevent/clipboarddata/index.html @@ -0,0 +1,58 @@ +--- +title: ClipboardEvent.clipboardData +slug: Web/API/ClipboardEvent/clipboardData +tags: + - API + - Clipboard API + - ClipboardEvent + - clipboardData + - 剪贴板 + - 实验性 +translation_of: Web/API/ClipboardEvent/clipboardData +--- +<p>{{ apiref("Clipboard API") }} {{SeeCompatTable}}</p> + +<p><code><strong>ClipboardEvent.clipboardData</strong></code> 属性保存了一个 {{domxref("DataTransfer")}} 对象，这个对象可用于：</p> + +<ul> + <li>描述哪些数据可以由 {{event("cut")}} 和 {{event("copy")}} 事件处理器放入剪切板，通常通过调用 {{domxref("DataTransfer.setData", "setData(format, data)")}} 方法；</li> + <li>获取由 {{event("paste")}} 事件处理器拷贝进剪切板的数据，通常通过调用 {{domxref("DataTransfer.getData", "getData(format)")}} 方法</li> +</ul> + +<p>参见 {{event("cut")}} 、{{event("copy")}} 和 {{event("paste")}} 事件的文档以获取更多信息。</p> + +<h2 id="语法">语法</h2> + +<pre class="syntaxbox"><em>data</em> = <em>ClipboardEvent</em>.clipboardData</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('Clipboard API', '#widl-ClipboardEvent-clipboardData', 'ClipboardEvent.clipboardData') }}</td> + <td>{{ Spec2('Clipboard API') }}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{Compat("api.ClipboardEvent.clipboardData")}}</p> + +<h2 id="相关链接"><span style="">相关链接</span></h2> + +<div id="compat-mobile"></div> + +<ul> + <li>与复制相关的事件: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li> + <li>本对象所属的{{domxref("ClipboardEvent")}}接口。</li> +</ul> diff --git a/files/zh-cn/web/api/clipboardevent/clipboardevent/index.html b/files/zh-cn/web/api/clipboardevent/clipboardevent/index.html new file mode 100644 index 0000000000..d9096f9dd7 --- /dev/null +++ b/files/zh-cn/web/api/clipboardevent/clipboardevent/index.html @@ -0,0 +1,68 @@ +--- +title: ClipboardEvent() +slug: Web/API/ClipboardEvent/ClipboardEvent +tags: + - API + - Clipboard API + - ClipboardEvent + - 剪贴板 + - 参考 + - 实验性 +translation_of: Web/API/ClipboardEvent/ClipboardEvent +--- +<p>{{APIRef("Clipboard API")}}{{SeeCompatTable}}</p> + +<p><code><strong>ClipboardEvent()</strong></code> 构造函数返回一个新建的 {{domxref("ClipboardEvent")}} 对象， 这个对象表示与修改剪切板相关的事件 ，这些事件包括 {{event("cut")}} 、 {{event("copy")}} 和 {{event("paste")}} 事件。</p> + +<h2 id="语法">语法</h2> + +<pre>var <em>clipboardEvent</em> = new ClipboardEvent(type[<code>,</code><em><code> options]</code></em>);</pre> + +<h3 id="参数">参数</h3> + +<p><em><code>ClipboardEvent()</code> 构造函数也从 </em> <em>{{domxref("Event.Event", "Event()")}}</em> <em>继承参数。</em></p> + +<dl> + <dt><em>type</em></dt> + <dd>一个 {{domxref("DOMString")}} 字符串，描述了 <code>ClipboardEvent</code> 事件类型的名字，大小写敏感，可以是：<code>'copy'</code>、 <code>'cut'</code>或者 <code>'paste'</code>。</dd> + <dt><em>options</em><strong style=""> {{optional_inline}}</strong></dt> + <dd>选项如下： + <ul> + <li><code>clipboardData</code>: 一个 {{domxref("DataTransfer")}} containing the data concerned by the clipboard event.</li> + <li><code>dataType</code>{{non-standard_inline}}: A {{domxref("DOMString")}} containing the MIME-type of the data contained in the <code>data</code> argument.</li> + <li><code>data</code>{{non-standard_inline}}: A {{domxref("DOMString")}} containing the data concerned by the clipboard event.</li> + </ul> + </dd> +</dl> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">注释</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('Clipboard API', '#idl-def-ClipboardEventInit', 'ClipboardEvent()') }}</td> + <td>{{ Spec2('Clipboard API') }}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{Compat("api.ClipboardEvent.ClipboardEvent")}}</p> + +<h2 id="相关链接"><span style="">相关链接</span></h2> + +<div id="compat-mobile"></div> + +<ul> + <li>与复制相关的事件：{{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li> + <li>所属的 {{domxref("ClipboardEvent")}} 接口。</li> +</ul> diff --git a/files/zh-cn/web/api/clipboardevent/index.html b/files/zh-cn/web/api/clipboardevent/index.html new file mode 100644 index 0000000000..a37f08ad76 --- /dev/null +++ b/files/zh-cn/web/api/clipboardevent/index.html @@ -0,0 +1,126 @@ +--- +title: ClipboardEvent +slug: Web/API/ClipboardEvent +tags: + - Clipboard + - Clipboard API + - Clipboard Events +translation_of: Web/API/ClipboardEvent +--- +<p>{{APIRef("Clipboard API")}} {{SeeCompatTable}}</p> + +<p><strong><code>ClipboardEvent</code></strong> 接口描述了与修改剪切板相关信息的事件，这些事件包括 剪切{{event("cut")}} , 复制{{event("copy")}} 和 粘贴{{event("paste")}} 事件。</p> + +<h2 id="构造函数">构造函数</h2> + +<dl> + <dt>{{domxref("ClipboardEvent.ClipboardEvent", "ClipboardEvent()")}}</dt> + <dd>用给定的参数创建了一个 <code>ClipboardEvent</code> 事件。</dd> +</dl> + +<h2 id="属性">属性</h2> + +<p><em>同样是从其父类 </em> <em>{{domxref("Event")}}</em> <em>继承的属性。</em></p> + +<dl> + <dt>{{domxref("ClipboardEvent.clipboardData")}} {{readonlyInline}}</dt> + <dd>是一个 {{domxref("DataTransfer")}} 对象，它包含了由用户发起的 {{event("cut")}} 、 {{event("copy")}} 和 {{event("paste")}} 操作影响的数据， 以及它的 MIME 类型。</dd> +</dl> + +<dl> +</dl> + +<h2 id="方法">方法</h2> + +<p><em>没有特定方法；从</em>其<em>父类 {{domxref("Event")}} </em><em>继承方法。</em></p> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">注释</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('Clipboard API', '#clipboard-event-interfaces', 'ClipboardEvent') }}</td> + <td>{{ Spec2('Clipboard API') }}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容性">浏览器兼容性</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>4.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>clipboardData</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("22.0")}}</td> + <td>5.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>4.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>clipboardData</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("22.0")}}</td> + <td>5.0</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> +</table> +https://github.com/mdn/browser-compat-data</div> + +<h2 id="相关链接">相关链接</h2> + +<ul> + <li>Copy-related events: {{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li> +</ul> |