Question

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

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

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

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

3 个答案: