Question

我有一个具有onclick功能的锚点，可以将某个div的背景颜色更改为绿色。它正常工作，但问题是需要双击才能执行该功能。

HTML：

<a onclick="btngreen()" href="">MENU</a>

使用Javascript：

function btngreen(){
    document.getElementById("nameofdiv").style.backgroundColor = 'green';
}

Answer 1

您可以使用ondblclick

<a ondblclick="btngreen()" href="">MENU</a>

Answer 2

根据我对你的问题的理解。

试试这段代码。在href中使用＃

<a onclick="btngreen()" href="#">MENU</a>

或者您可以使用

<a onclick="btngreen()" href="javascript: void(0)">MENU</a>

Answer 3

对我来说很好。我遇到的唯一问题是您的空href=""标记，因此我删除了它。如果您不想删除它，也可以使用href="#"。

<script>
  function btngreen(){
    document.getElementById("nameofdiv").style.backgroundColor = "green";
  }
</script>

<a onclick="btngreen()" href="#">MENU</a>

<div id="nameofdiv" style="width:100px;height:100px;"></div>

Answer 4

如果您不需要将该按钮作为链接，则可以将其简单地更改为其他标记，例如<p>，因为a将尝试导航页面。

<p onclick="btngreen()">menu</p>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>

或者您也可以将链接默认为不从页面导航，例如下面的示例。

<a onclick="btngreen()" href="#">menu</a>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>

使用href="#"是一个死链接，不会在任何地方导航页面。

在HTML上单击事件需要双击

4 个答案: