創建一個JavaScript變量，在事件發生時添加1

上下文：我正在幫助我的朋友創建一個政治笑話類網站。創建一個JavaScript變量，在事件發生時添加1

我需要它在每次觸發onmouseover事件時向變量加1。

<img src="tm.png" onmouseover='this.src="jc.png"'>

我有這到目前爲止，但我需要找到一種方法，它與當事件發生時將增加1對自身的功能鏈接。我在頁面周圍有多個onmouseover事件，所以我需要它爲他們工作。我知道如何創建變量，但我不確定如何在每次發生onmouseover事件時添加1，我也不確定如何將該函數添加到onmouseover事件。由於

來源

2017-10-12 user8766881

它應該增加，只有當圖像觸發了'mouseover'事件或任何其他元素？每張圖片還是隻有一張特定圖片？它是否應該分別爲每個圖像增加？你有沒有考慮過使用'mouseenter'事件呢？你有沒有嘗試過這樣的事件代表團？ – Xufox

hoverCounter = 0;

<img src="http://www.darbsterkitty.com/uploads/5/5/5/6/55568079/b8sk1f_orig.jpg" height="200px" onmouseover="hoverCounter++; console.log('hoverCounter: ' + hoverCounter)"></img>

來源

2017-10-12 17:40:08 davidchoo12

使用事件代表團和檢查懸停的元素是否是一個圖像。

var count = 0; 
 

 
addEventListener("mouseover", function(e){ 
 
    if(e.target.tagName == "IMG"){ 
 
    count++; 
 
    } 
 
    console.log(count); 
 
})

<img src="http://lorempixel.com/50/50?0"/> 
 
<img src="http://lorempixel.com/50/50?1"/>

來源

2017-10-12 17:41:55 Xufox

<img id="someImage1" src="http://via.placeholder.com/350x150" > 
<img id="someImage2" src="http://via.placeholder.com/350x150" > 

<br/> 
Hover Count: 
<input id="countDisplay" type="text"/>

JS：

// Initial count 
    var hoverCount = 0; 

    // Function to increment 
    function onHovered(event){ 
    hoverCount++; 
    document.getElementById('countDisplay').value = hoverCount; 
    } 

    // Bind events 
    document.getElementById('someImage1').onmouseover = onHovered; 
    document.getElementById('someImage2').onmouseover = onHovered;

來源

2017-10-12 17:45:27 Tor

創建一個JavaScript變量，在事件發生時添加1

回答

相關問題