對身體的任意位置單擊，並調用功能

這是我的html：對身體的任意位置單擊，並調用功能

<img id="bladder" onclick="changeimage()" src="images/logo_bladder.png" />

和我的JS：

<script> 
    cc = 0; 
    function changeimage() { 
     if (cc == 0) { 
      cc = 1; 
      document.getElementById('bladder').src = "images/logo_bladder_b.png"; 
     } 
     else { 
      cc = 0; 
      document.getElementById('bladder').src = "images/logo_bladder.png"; 
     } 
    } 
</script>

我希望能夠在任何地方點擊機構 - 不僅在圖片！ - 改變圖像。我如何實現這一目標？

來源

2012-11-09 Jørgensen Zu

您需要單擊處理程序移動到包含整個區域的元件你想捕獲點擊事件。 – eh9

你可以嘗試

$(document).ready(function(){ 
    $(body).click(function(){ 
     if (cc==0) 
    { cc=1; 
    document.getElementById('bladder').src="images/logo_bladder_b.png"; 
    } 
    else 
    { 
     cc=0; 
    document.getElementById('bladder').src="images/logo_bladder.png"; 
    } 
    }); 
});

你

<body>標籤，添加onclick事件，如：

<body onclick="changeimage()">..</body>

來源

2012-11-09 17:16:46 Smita

..適用於單擊正文時，但不適用於單擊圖像時。由於無論如何 –

如果你的圖像是在體內標記，那麼它應該在點擊圖像以及 – Smita

要求JS不jQuery –

對身體的任意位置單擊，並調用功能

回答

相關問題