HTML上的点击事件需要双击

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="#"是无效链接，并且不会在任何地方浏览页面。