When you move the cursor between the blue border and the image in the link, the sound is fired multiple times, because that's the nature of the mouseover event, it bubbles.
So this pull request replaces the mouseover and mouseout events in favor of mouseenter and mouseleave ones.
Hi there Mahdi!
This pull request aims to fix the following issue: https://jsfiddle.net/bhzyac58/1/
When you move the cursor between the blue border and the image in the link, the sound is fired multiple times, because that's the nature of the
mouseover
event, it bubbles.So this pull request replaces the
mouseover
andmouseout
events in favor ofmouseenter
andmouseleave
ones.Hope it helps!