javascript - 调用其他标签的 onclick 事件

Question

当单击其他一些超链接时，我需要调用一个标记的 onclick 事件。

<div class="a"><a href=".." onclick=".?." >   // tag1
</div>
<span class="b"><a href=".." onclick="echo('hi');" >   // tag2
</span>

因此，每当 tag1 的 onclick 事件被执行时，它应该只调用 tag 2 的 onclick 事件。我该怎么做？（抱歉，Javascript 新手）。

Answer 1

document.getElementsByClassName("a")[0].onclick = function () {
    document.getElementsByClassName("b")[0].children[0].click();
}

那应该这样做。

您也可以使用（我也修复了您的 HTML。缺少</a>）：

<div class="a"><a href=".." onclick="document.getElementsByClassName('b')[0].children[0].click();">Link Text</a></div> <!-- Tag 1 -->
<span class="b"><a href=".." onclick="alert('Hi')">Link 2 Text</a></span> <!-- Tag 2 -->

Answer 2

Just write a javascript function. And attach it to onClick handler.

<div class="a"><a href=".." onclick="someName()" >   // tag1
</div>
<span class="b"><a href=".." onclick="someName()" >   // tag2
</span>

<script>
  function someName(){
       alert("Hi");
}
</script>

Answer 3

根据您的问题，您想调用标签 1 和标签 2 的相同函数 onclick，所以简单地说，您可以为两个标签分配相同的 onclick 函数。

<div class="a"><a href=".." onclick="myFunction()" >   // tag1
</div>
<span class="b"><a href=".." onclick="myFunction()" >   // tag2
</span>

或者，如果您想以其他方式调用它，例如在 tag2 上提供了一些内联操作并且您想从标签 1 调用它，您可以使用：-

<div class="a"><a href=".." onclick="$('.b').click()" >   // tag1
</div>
<span class="b"><a href=".." onclick="echo('hi');" >   // tag2
</span>