Event Listeners
์๊ฐ
์์ ฏ์์ App์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ณด๋ผ๋ ๋์ ํ๋ ํจ์๋ค ์ ๋๋ค.
์ด๋ฆ
์ค๋ช
onMessage
์์ ฏ์์ App์ผ๋ก ๋ณด๋ธ ๋ฉ์์ง๋ฅผ ์์ ํ ๋ ๋์ํ๋ ํจ์์ ๋๋ค.
๐ API ์ค๋ช
๋ฐ ์์
onMessage
์์ ฏ์์ App์ผ๋ก ๋ฉ์์ง๋ฅผ ๋ณด๋ด๋ฉด callback ํจ์๊ฐ ๋์ํฉ๋๋ค.
ํ๋ผ๋ฏธํฐ
์ด๋ฆ
ํ์
์ค๋ช
player
Player
player๋ ์์ ฏ์ ์์ ํ ํ๋ ์ด์ด๋ฅผ ๊ฐ๋ฅดํด player ํ๋ผ๋ฏธํฐ์ ์ด๋ฆ์ ์์๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅ
data
Object
data๋ ์์ ฏ์์ App์ผ๋ก ๋ณด๋ธ ๋ฉ์์ง๋ฅผ ๊ฐ๋ฅดํด data ํ๋ผ๋ฏธํฐ์ ์ด๋ฆ์ ์์๋ก ๋ณ๊ฒฝ ๊ฐ๋ฅ
์์
x ๋ฒํผ์ ๋๋ฌ์ ์์ ฏ์ฐฝ ๋ซ๋ ๊ธฐ๋ฅ ๋ง๋ค์ด๋ณด๊ธฐ
// ํ๋ ์ด์ด๊ฐ ์
์ฅํ ๋ ๋์ํ๋ ํจ์
App.onJoinPlayer.Add(function (player) {
player.tag = {
widget: null,
};
player.tag.widget = player.showWidget("sample.html.html", "top", 600, 500);
player.tag.widget.onMessage.Add(function (player, msg) {
// ์์ ฏ์์ App์ผ๋ก 'type: close'๋ผ๋ ๋ฉ์์ง๋ฅผ ๋ณด๋ด๋ฉด ์์ ฏ์ ํ๊ดดํจ
if (msg.type == "close") {
player.showCenterLabel("์์ ฏ์ด ๋ซํ์ต๋๋ค.");
player.tag.widget.destroy();
player.tag.widget = null;
}
});
});
sample.html: ๋ฒํผ๊ณผ ์คํฌ๋ฆฝํธ ๋ถ๋ถ
<i onclick="closeWidget()" class="fa-solid fa-xmark"></i>
<script type="text/javascript">
// x ๋ฒํผ์ ๋๋ฅด๋ฉด ํธ์ถ๋๋ ํจ์
function closeWidget() {
// App์ผ๋ก ๋ฉ์์ง๋ฅผ ๋ณด๋.
window.parent.postMessage(
{
type: "close",
},
"*"
);
}
</script>
๋ถ๋ก
Last updated
Was this helpful?