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="#"是無效鏈接，並且不會在任何地方瀏覽頁面。