创建一个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

回答

相关问题