Webflow中点击Button时如何执行JavaScript代码

Question

我是 Webflow 的新手，在 Webflow 项目中，我想通过 id 获取按钮并在单击此按钮时执行一些 Javascript 代码。

我写的代码：

<script>
    document.addEventListener('DOMContentLoaded', () => {
       let btn = document.getElementById('myButtonId');
       btn.addEventListener('click', () => {
           // handle the click event
           console.log('clicked');
           alert("Hello");
       });
    });
</script>

Answer 1

您要么需要将代码移动到页脚，

或将代码包装在 Webflow 推荐的“Webflow 就绪功能”中：

var Webflow = Webflow || {};
Webflow.push(function() {

    // Your code goes here
    document.addEventListener('DOMContentLoaded', () => {
       let btn = document.getElementById('myButtonId');
       btn.addEventListener('click', () => {
          ...
       });
    });

}); // End Webflow ready function

Answer 2

Java 脚本你可以调用 function 任何你想要的名字

 <script>
            function yourFunctionName() {
            alert("hello")
            };
        
        </script>

HTML

<body>
    <button id="myButtonId" onclick="yourFunctionName ()">click here</button>
 
</body>

Webflow中点击Button时如何执行JavaScript代码

问题描述

2 个解决方案

解决方案1
0 2022-03-15 03:56:03

解决方案2
-1 2022-03-08 19:55:52

Webflow中点击Button时如何执行JavaScript代码

问题描述

2 个解决方案

解决方案1 0 2022-03-15 03:56:03

解决方案2 -1 2022-03-08 19:55:52

解决方案1
0 2022-03-15 03:56:03

解决方案2
-1 2022-03-08 19:55:52