创建一个在事件发生时添加1的javascript变量

时间:2017-10-12 17:29:03

标签: javascript function variables

背景:我正在帮助我的朋友创建一个政治笑话网站。

每次触发onmouseover事件时,我都需要在变量中添加1。

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

到目前为止,我有这个,但我需要找到一种方法将它与一个函数链接起来,当该事件发生时,该函数将自己添加1。我在页面周围有多个onmouseover事件,因此我需要它为所有人工作。我知道如何创建变量,但我不确定每次onmouseover事件发生时如何添加1,我也不确定如何将函数添加到onmouseover事件。感谢

3 个答案:

答案 0 :(得分:0)

&#13;
&#13;
In [44]: np.einsum('abc,ade->acebd', a, b).sum(axis=-1).sum(axis=-1)
Out[44]: 
array([[[210, 224],
        [165, 176]],

       [[300, 260],
        [ 75,  65]],

       [[240, 420],
        [144, 252]],

       [[ 96,  72],
        [108,  81]]])
&#13;
hoverCounter = 0;
&#13;
&#13;
&#13;

答案 1 :(得分:0)

使用事件委托并检查悬停元素是否为图像。

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"/>

答案 2 :(得分:0)

<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;