JavaScript onclick klausimas

Sveiki,

Pirmą kartą rašau šiame forume, tai nemuškit jei kas ne taip :)

Užgriuvo atrodo paprastas klausimas, kurio nesugebu išspręsti. rašau JS atskirame faile. Paėmęs tam tikro elemento ID darau onclick. Žodžiu šis pvz veikia puikiai:

var logo = document.getElementById("logo");

logo.onclick = function () {
    window.location.href = '/'
};

Bet, niekaip nesuvokiu, kaip padaryti jei aš turiu keletą skirtingų ID kuriuos onclick turėtų pasiųsti ten pat, pvz:

var logo = document.getElementById("logo");
var photo = document.getElementById("photo");

// čia turėtų būti kaip nors taip, tik nesuvokiu kaip:
var abu = logo && photo;

abu.onclick = function () {
   window.location.href = '/'
};

Ar taip paprastai šitas reikalas nepavyks ir reikia rašyt abi onclick funkcijas atskirai su ta pačia lokacija?

Dėkoju už pagalbą.

Exo

labas, o kodėl nenori jQuery naudoti?

Ai, neparašiau, čia aš mokausi ir man reikia pradžiai įsigilinti į JS kas ir kaip, o tada jau bus JQuery, AngularJS ir pan... Todėl ir klausimas būtent - kaip tai padaryt su grynu JS :)

Sveiki,

 

Pirmą kartą rašau šiame forume, tai nemuškit jei kas ne taip :)

 

Užgriuvo atrodo paprastas klausimas, kurio nesugebu išspręsti. rašau JS atskirame faile. Paėmęs tam tikro elemento ID darau onclick. Žodžiu šis pvz veikia puikiai:

var logo = document.getElementById("logo");

logo.onclick = function () {
    window.location.href = '/'
};

 

Bet, niekaip nesuvokiu, kaip padaryti jei aš turiu keletą skirtingų ID kuriuos onclick turėtų pasiųsti ten pat, pvz:

var logo = document.getElementById("logo");
var photo = document.getElementById("photo");

// čia turėtų būti kaip nors taip, tik nesuvokiu kaip:
var abu = logo && photo;

abu.onclick = function () {
   window.location.href = '/'
};

 

Ar taip paprastai šitas reikalas nepavyks ir reikia rašyt abi onclick funkcijas atskirai su ta pačia lokacija?

 

Dėkoju už pagalbą.

 

Exo

Nebandžiau nei vieno varianto, bet aš bandyčiau kažką tokio.

var logo = document.getElementById("logo");
var photo = document.getElementById("photo");

logo.onclick = onClickLocation();
photo.onclick = onClickLocation();

function onClickLocation () {

   window.location.href = '/';

}

arba

onClickLocation("logo");
onClickLocation("photo)"

function onClickLocation ( id ) {
   var element = document.getElementById(id);
   element.onclick = function () {
       window.location.href = '/'
   };

}

Dėkingas, kažkaip pats iki to nedasigalvojau.

var logo = document.getElementById("logo");
var photo = document.getElementById("photo");

logo.onclick = onClickLocation(); // blogai!!
photo.onclick = onClickLocation(); // blogai!!


logo.onclick = onClickLocation; // gerai
photo.onclick = onClickLocation; // gerai

() reiškia funkcijos kvietimą – tada onclick'ui prsikirtų ne pačią funkciją, o tai, ką ji grąžina (kadangi nieko negrąžina – tai undefined.

Aišku, dar geriau būtų naudoti addEventListener https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener . Tik jei nori su juo palaikyti IE 8 ir žemesnius, reikia naudoti MS'o nuosavą attachEvent().

var logo = document.getElementById("logo");
var photo = document.getElementById("photo");

logo.onclick = onClickLocation(); // blogai!!
photo.onclick = onClickLocation(); // blogai!!


logo.onclick = onClickLocation; // gerai
photo.onclick = onClickLocation; // gerai

 

 

() reiškia funkcijos kvietimą – tada onclick'ui prsikirtų ne pačią funkciją, o tai, ką ji grąžina (kadangi nieko negrąžina – tai undefined.

 

Aišku, dar geriau būtų naudoti addEventListener https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener . Tik jei nori su juo palaikyti IE 8 ir žemesnius, reikia naudoti MS'o nuosavą attachEvent().

Dėkui, kad pataisei, nelabai įsigilinęs į JS :)