blob: e35df7df2eded990350c26d46acf6fde25d96189 (
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
|
---
title: CustomEvent
slug: Web/API/CustomEvent
tags:
- 待翻譯
translation_of: Web/API/CustomEvent
---
<p>{{APIRef("DOM")}}</p>
<p><strong><code>CustomEvent</code></strong> interface 是應用程式為了任意目的所初始化的事件。</p>
<h2 id="建構式">建構式</h2>
<dl>
<dt>{{domxref("CustomEvent.CustomEvent", "CustomEvent()")}}</dt>
<dd>建立一個 <code>CustomEvent。</code></dd>
</dl>
<h2 id="屬性">屬性</h2>
<dl>
<dt>{{domxref("CustomEvent.detail")}} {{readonlyinline}}</dt>
<dd>初始化事件時傳送的任意資料。</dd>
</dl>
<p><em>此介面繼承了其父介面 {{domxref("Event")}} 的屬性：</em></p>
<p>{{Page("/zh-TW/docs/Web/API/Event", "屬性")}}</p>
<h2 id="方法">方法</h2>
<dl>
<dt>{{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}}</dt>
<dd>
<p>初始化一 <code>CustomEvent</code> object。若該事件已經被觸發，則不會進行任何動作。</p>
</dd>
</dl>
<p><em>此介面繼承了其父介面 {{domxref("Event")}} 的方法：</em></p>
<p>{{Page("/zh-TW/docs/Web/API/Event", "方法")}}</p>
<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('DOM WHATWG','#interface-customevent','CustomEvent')}}</td>
<td>{{Spec2('DOM WHATWG')}}</td>
<td>原始定義</td>
</tr>
</tbody>
</table>
<h2 id="瀏覽器兼容性">瀏覽器兼容性</h2>
<p>{{Compat("api.CustomEvent")}}</p>
<h2 id="Firing_from_privileged_code_to_non-privileged_code">Firing from privileged code to non-privileged code</h2>
<p>當要從 privileged code （像是插件）到非 privileged code （例如網頁）執行 CustomEvent ，你必須要考慮這之間的安全性。Firefox 和其他 Gecko 應用會對此有所限制。雖然這可以自動防止安全漏洞發生，但也可能導致您的程式碼沒辦法正常執行。</p>
<p>When creating a CustomEvent object, you must create the object from the same <a href="/en-US/docs/XUL/window">window</a> as you're going to fire against. The <code>detail</code> attribute of your CustomEvent will be subject to the same restrictions. String and Array values will be readable by the content without restrictions, but custom Objects will not. If using a custom Object, you will need to define the attributes of that object that are readable from the content script using <a href="/en-US/docs/">Components.utils.cloneInto()</a>.</p>
<pre class="brush: js">// doc is a reference to the content document
function dispatchCustomEvent(doc) {
var eventDetail = Components.utils.cloneInto({foo: 'bar'}, doc.defaultView);
var myEvent = doc.defaultView.CustomEvent("mytype", eventDetail);
doc.dispatchEvent(myEvent);
}</pre>
<p>Note that exposing a function will allow the content script to run it with chrome privileges, which can open a security vulnerability.</p>
<h2 id="參見">參見</h2>
<ul>
<li><a href="/en-US/docs/Code_snippets/Interaction_between_privileged_and_non-privileged_pages" title="/en-US/docs/Code_snippets/Interaction_between_privileged_and_non-privileged_pages">Interaction between privileged and non-privileged pages</a></li>
<li><a href="/en-US/docs/Web/API/window.postMessage" title="/en-US/docs/Web/API/window.postMessage">Window.postMessage</a></li>
</ul>
|
