{"id":4011,"date":"2023-05-15T10:16:05","date_gmt":"2023-05-15T02:16:05","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=4011"},"modified":"2024-03-15T15:38:39","modified_gmt":"2024-03-15T07:38:39","password":"","slug":"run-js-trigger-action","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/ms\/docs\/run-js-trigger-action\/","title":{"rendered":"Tambah Tindakan [Run JS]."},"content":{"rendered":"<p>Editor Halaman menyokong menjalankan JS pada halaman web dengan mengklik elemen. Masukkan kod JavaScript bagi arahan yang sepadan untuk menjana kesan khusus pada halaman web apabila melihat buku selak, seperti tetingkap timbul, tayangan slaid, dsb.<\/p>\n\n\n\n<p>Menambah\u00a0<strong>[Jalankan JS]<\/strong> tindakan boleh mencipta interaksi tersuai dengan pengguna, seperti memaparkan maklumat tambahan apabila mereka terlibat dengan elemen tertentu.<\/p>\n\n\n\n<p>Seterusnya, mari lihat bagaimana untuk menambah\u00a0<strong>[Jalankan JS]<\/strong> tindakan kepada elemen.<\/p>\n\n\n\n<p>Klik elemen pada kanvas -&gt; klik\u00a0<strong>[Tindakan]<\/strong>\u00a0dalam panel sifat -&gt; pilih keadaan pencetus -&gt;\u00a0<strong>[Jalankan JS]\u00a0<\/strong>-&gt; masukkan kod JavaScript -&gt; klik\u00a0<strong>[Simpan]<\/strong>\u00a0atau\u00a0<strong>[Pratonton]<\/strong>\u00a0dalam bar alat atas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"682\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\" alt=\"add-run-JS-action\" class=\"wp-image-6849\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Istilah berkaitan artikel:<br><\/strong>Kod JavaScript, penyesuaian skrip, reka bentuk skrip, pilihan skrip, sokongan skrip, elemen interaktif, buku selak interaktif, penglibatan pengguna, peletakan skrip, gaya skrip, menambah tindakan pencetus, mengedit kandungan skrip, meningkatkan interaktiviti<\/p>","protected":false},"excerpt":{"rendered":"<p>Editor Halaman menyokong menjalankan JS pada halaman web dengan mengklik elemen. Masukkan kod JavaScript bagi arahan yang sepadan untuk menjana kesan khusus pada halaman web apabila melihat buku selak, seperti pop timbul, tayangan slaid, dsb. Tindakan menambahkan [Run JS] boleh mencipta interaksi tersuai dengan pengguna, seperti memaparkan maklumat tambahan apabila mereka terlibat dengan [\u2026]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-4011","docs","type-docs","status-publish","hentry","doc_category-trigger-action"],"year_month":"2026-04","word_count":138,"total_views":"11630","reactions":{"happy":"0","normal":"3","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/ms\/docs-category\/trigger-action\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"The Page Editor supports running JS on the webpage by clicking the element. Enter the JavaScript code of the corresponding commands to generate specific effects on the webpage when viewing the flipbook, such as pop-ups, slideshow, etc. Adding\u00a0[Run JS] action can create custom interactions with users, such as displaying additional information when they engage with [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/ms\/docs\/run-js-trigger-action\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:38:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\",\"name\":\"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\",\"datePublished\":\"2023-05-15T02:16:05+00:00\",\"dateModified\":\"2024-03-15T07:38:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb\"},\"inLanguage\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add [Run JS] Action\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ms_MY","og_type":"article","og_title":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"The Page Editor supports running JS on the webpage by clicking the element. Enter the JavaScript code of the corresponding commands to generate specific effects on the webpage when viewing the flipbook, such as pop-ups, slideshow, etc. Adding\u00a0[Run JS] action can create custom interactions with users, such as displaying additional information when they engage with [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/ms\/docs\/run-js-trigger-action\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:38:39+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/","url":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/","name":"Add [Run JS] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","datePublished":"2023-05-15T02:16:05+00:00","dateModified":"2024-03-15T07:38:39+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb"},"inLanguage":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-run-JS-action.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/ro\/docs\/run-js-trigger-action\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add [Run JS] Action"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/4011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=4011"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/4011\/revisions"}],"predecessor-version":[{"id":6850,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/4011\/revisions\/6850"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=4011"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=4011"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=4011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}