时间戳

首页 > 解决方案 > 合并 2 个 onclick 动作 (Javascript) 并用一个按钮触发它们

javascript - 合并 2 个 onclick 动作 (Javascript) 并用一个按钮触发它们

问题描述

我必须按钮，每个按钮都有一个 onclick 功能，但我想将它们合并为 1。

按钮 1：显示一切正常的消息

<button type="button" onclick="UIkit.notification({message: 'This is an alert'})">Click me</button>

按钮 2：将产品添加到购物车 (WooCommerce)

<a href="javascript:void(0);" onclick="window.location.href='https://chatsales.nl/pakketten/doe-het-zelf?add-to-cart=420'">Click me</a>

如何将这 2 个 onlick 操作合并为 1 个单击按钮？

许多tnx。

PS。这似乎不起作用（添加了产品但未显示消息）：

<script>
    function action1(){
        UIkit.notification({message: 'Notification message'});
    }
     
    function action2(){
        window.location.href='https://chatsales.nl/pakketten/doe-het-zelf?add-to-cart=420';
    }
</script>
    
<button type="button" onclick="action1();action2();">Click me</button>

标签： javascripthtmlfunctiononclick

解决方案

您可以只创建一个新函数，在其中执行这两个操作。然后将此新功能传递给您的按钮。

<script>
    function action1(){
        UIkit.notification({message: 'Notification message'});
    }
     
    function action2(){
        window.location.href='https://chatsales.nl/pakketten/doe-het-zelf?add-to-cart=420';
    }
     
    function doActions(){
        action1();
        action2();
    }
</script>
    
<button type="button" onclick="doActions();">Click me</button>

推荐阅读