Question

在IntellJ IDEA中，我在我的HTML文件中创建了一个带有id的按钮。我想要实现的是使用kotlin将标题标记更改为“单击按钮”。

在搜索kolinlang.org网站和其他资源时，我无法找到执行特定内容的简单参考，我想知道是否有翻译的kotlin / javascript网站，其中所有这些网站都像这个网站一样放在一起，例如：{{3} }

由于

Answer 1

在IntelliJ中创建一个名为“JSProject”的Kotlin / JS项目
创建一个index.html文件，其中包含ID为“mybutton”的按钮
使用以下内容创建Kotlin文件main.kt：

import org.w3c.dom.HTMLButtonElement
import kotlin.browser.document

fun main(args: Array<String>) {
    val button = document.getElementById("mybutton") as HTMLButtonElement
    button.addEventListener("click", {
        document.title = "button was clicked"
    })
}

在HTML文件的末尾导入Kotlin JS库和您的代码（从Kotlin编译的JS）：

       ...
       <script src="out/production/JSProject/lib/kotlin.js"></script>
       <script src="out/production/JSProject/JSProject.js"></script>
    </body>
    </html>

将您的Kotlin代码编译为JS（菜单：构建|重建项目）
在网络浏览器中打开index.html文件，然后点击按钮。 “按钮被点击”出现在标题中。

如何在Kotlin / JavaScript中点击监听器事件？

1 个答案: