Как привязать одну функцию ко всем ссылкам и отменить переход по ссылкам?

Question

[Waksim]

Имеются ссылки:

<div id="page">
<a href="http://google.com/" class="kek">1</a>
<a href="http://google.com/" class="kek">2</a>
<a href="http://google.com/" class="kek">3</a>
<a href="http://google.com/" class="kek">4</a>
<a href="http://google.com/" class="kek">5</a>
</div>

И функция:

function create() { 
	var pagen = document.getElementById('page');
	var diva = document.createElement('div');
	var imga = document.createElement('img');

    diva.classList.add("window");
	imga.classList.add("image");
	imga.src = 'file:///Users/waksim/Desktop/Sub/1.png';

	pagen.appendChild(diva);
	diva.appendChild(imga);
}

Необходимо сделать так, чтобы по нажатию на любую из ссылок с классом kek выполнялась функция create() , и был отменён переход на страницу google.com .

Пожалуйста - помогите!!

Answer 1

[ThunderCat]

ну блин ваще же классика.

$('a.kek').on('click',function(e){
   e.preventDefault();
/// фигачить что-то свое тут
})

Answer 2

[iBird Rose]

https://jsfiddle.net/9xqs7L2m/

Comments

[Waksim]

Здесь функцию вызывает только одна ссылка "1", а нужно, чтобы все

[iBird Rose]

Waksim: цикл пропустил https://jsfiddle.net/9xqs7L2m/1/

Answer 3

[Вадим Заражевский]

document.getElementsByClassName("kek").addEventListener("click", function(event){
    event.preventDefault();
    create();
});

Comments

[ThunderCat]

из ссылок с классом kek

то есть есть возможно еще хз какие элементы с этим классом.