Функция повторяется при действии мыши

Question

Я настраиваю введение в использование Javascript в Adobe Animate HTML5 Canvas для курса, который я преподаю. Честно говоря, я сам в этом ничего не делал, но я немного поиграл в ActionScript, а также немного программировал на Javascript за пределами Animate, так что я не совсем невежественен.

Часть этого упражненияиметь кнопку, которая открывает URL. Да, но он открывает много вкладок. Я не уверен, как ограничить его, чтобы он открывал только одну вкладку URL.

Вот мой код. Спасибо за вашу помощь:

this.urlBtn.addEventListener("mousedown", openPage.bind(this));

function openPage(event) {
	window.open('http://www.cartoonthunder.net/', '_blank');
}

Answer 1

mousedown срабатывает, когда мышь находится над элементом, поэтому это будет происходить многократно.

Вместо этого используйте click, и оно должно срабатывать только один раз.