对于一个<a>标记有两个连续的onclick操作可以吗？

Question

我有一个问题，如果用户点击锚标签发生了什么，例如。<a onClick={this.Submission}><Icon/></a>，但是现在我也想要一个确认框点击这个锚链接，并且只有当它的值是真的时候。所以，简单地说，我需要两个顺序的动作来点击一个链接，首先是一个确认框，如果是真的，那么另一个动作。

Answer 1

总结您的问题您希望能够基于一次单击执行两个同时的操作

解决方案使用锚元素中的onclick属性，在JavaScript脚本中调用javascript函数，将该对象传递给函数

然后，函数接收对象，我们可以为元素调用el，然后将对象转发到另外两个函数上。

<a onclick="funAnchorClick(this)">Click me</a>

JavaScript

function funAchorClick(el){
    funProcessOne(el);
    funProcessTwo(el);
}
function funProcessOne(el){
    el.style.background="#F00";
}
function funProcessTwo(el){
    el.style.color="FFF";
}

第一个函数将对象传递给其他两个函数，允许您从单独的函数中控制相同的DOM元素

希望这能回答你的问题

Answer 2

是的，单击标记时可以发生多个操作。您只需调用一个执行两个任务的函数即可。

如下所示：

<a onclick="anchorFunction()">Anchor Tag</a>

<script>
  function anchorFunction() {
    console.log("Action a");
    console.log("Action b");
  }
</script>

这是一个JSFiddle，如果你想修补它。