Question

I have a problem where if a user clicks on an anchor tag something happens, eg. <a onClick={this.Submission}><Icon/></a> , but now I also want a confirmation box on click of this anchor link, and only if its value is true. So, in short I need two sequential actions to happen on click of one link, first a confirmation box and if its true then the other action.

Answer 1

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

像这样：

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

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

Here's a JSFiddle for it if you want to tinker with it.

Answer 2

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

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

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

<强> HTML

<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元素

希望能回答你的问题

对于以下模型，是否可以针对一个<a> tag?

2 个答案: