onclick

onclick - одинарний клік.

Синтаксис:

object.onclick=function( event ){
// код функції, яка виконується коли відбувається подія
};

<тег onclick="javascript_code">...</тег>

Параметри:

object - об'єкт для якого призначається подія.

event - параметр який приймає функція що представляє об'єкт MouseEvent.

тег - тег HTML.

javascript_code - JavaScript код який необхідно виконати коли відбудеться подія.

Опис:

onclick - подія яка виникає коли відбувається один клік. Подія клік буде відбуватися після подій onmousedown і onmouseup.

#onclick
поле для тесту події

Приклад:

#test

document.getElementById("test").onclick=function(){
alert("клік");}

document.getElementsByTagName("p")[0].addEventListener("click",function(e){
this.style.color="blue";
});

Приклад створення події onclick для кожного елемента

<p>

, змінюємо колір абзацу по його кліку:

var els=document.getElementsByTagName("p");
for(i=0;i<els.length;i++)
els[i].onclick=function(e){
this.style.color="red";
//або
//e.target.style.color="red";
};