如何在Webflow中单击按钮时执行JavaScript代码

发布于 2025-01-12 14:36:37 字数 427 浏览 1 评论 0原文

我是 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>

原文

I am newbie in Webflow, In Webflow project I want to get button by id and execute some Javascript code when I click this button.

The code I write:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

软的没边 2025-01-19 14:36:37

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

或者将代码包装在 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

You'll either need to move the code to the Page Footer,

or wrap the code in the Webflow's recommended "Webflow ready function":

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

回复收藏 0 原文

汹涌人海 2025-01-19 14:36:37

Java 脚本你可以调用函数任何你想要的名称

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

HTML

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

Java script you can call the function any name you want

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

HTML

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

回复收藏 0 原文

~没有更多了~

关于作者

老娘不死你永远是小三

暂无简介

文章

27 人气

关注发私信

明月

文章 0 评论 0

关注

守不住的情

文章 0 评论 0

关注

悲念泪

文章 0 评论 0

关注

墨洒年华

文章 0 评论 0

关注

花桑

文章 0 评论 0

关注

浅听莫相离

文章 0 评论 0

友情链接

文江博客

如何在Webflow中单击按钮时执行JavaScript代码

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

明月

守不住的情

悲念泪

墨洒年华

花桑

浅听莫相离

友情链接

如何在Webflow中单击按钮时执行JavaScript代码

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

明月

守不住的情

悲念泪

墨洒年华

花桑

浅听莫相离

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。