Как найти ошибку?

Question

[SpeNch]

Тут просто эффект как у гугл кнопки, но почему если много раз кликать то этот круглячок появляеться в начале?

Answer 1

[Rsa97]

Потому что при быстром повторном щелчке вы попадаете не на кнопку, а на созданный ранее div. В обработчик событие попадает из-за всплытия.
Если добавить в функцию console.log(e), то увидим

click { target: div#ele, buttons: 0, clientX: 163, clientY: 119, layerX: 55, layerY: 19 }
click { target: div.one, buttons: 0, clientX: 163, clientY: 119, layerX: 2, layerY: 2 }

Comments

[SpeNch]

а как получить позицию клика относительно главного блока что за свойство или метод?

Answer 2

[Alex]

Добавьте

.one {
		animation: 0.5s name;
		width: 5px;
		transform: scale(10);
		height: 5px;
		border-radius: 50%;
		position: absolute;
		background: #fff;
		opacity: 0;
+   pointer-events: none;
	}

Это заблокирует возможность "кликнуть" на созданный ранее div.