Kezdőoldal » Számítástechnika » Programozás » Ez a lehetőség régóta benne...

Ez a lehetőség régóta benne van a javascript-ben? Hogy a html-ben a gombnál lehet a js-re utalni. (Most vettem észre, ezért nem tudom új funkció e, még csak 1-2 éve foglalkoztam vele)

Figyelt kérdés

<!-- Header -->

<div class="header" id="myHeader">

<h1>Image Grid</h1>

<p>Click on the buttons to change the grid view.</p>

<button class="btn" onclick="one()">1</button>

<button class="btn active" onclick="two()">2</button>

<button class="btn" onclick="four()">4</button>

</div>



// Add active class to the current button (highlight it)

var header = document.getElementById("myHeader");

var btns = header.getElementsByClassName("btn");

for (var i = 0; i < btns.length; i++) {

btns[i].addEventListener("click", function() {

var current = document.getElementsByClassName("active");

current[0].className = current[0].className.replace(" active", "");

this.className += " active";

});

}



[link]



2023. jan. 22. 18:55
 1/9 anonim ***** válasza:
90%

Már az 1997-es HTML 4.0 munkadokumentumában benne volt

[link]

az onclick attribútum, amivel az egérkattintásra végrehajtódó eseményt lehetett hozzárendelni egy-egy elemhez.

2023. jan. 22. 19:14
Hasznos számodra ez a válasz?
 2/9 A kérdező kommentje:

Köszi szépen a linket


nem az onclick-re gondoltam hanem erre:


btns[i].addEventListener("click", function() {.... });


Nem találtam benne eddig meg, és sosem láttam kódokban, de nagyon tetszik ez a lehetőség

2023. jan. 22. 19:22
 3/9 A kérdező kommentje:

Már látom hogy benne van pl itt:


<INPUT type="button" value="Click Me" onclick="verify()">

2023. jan. 22. 19:26
 4/9 A kérdező kommentje:

Hát nem tudom ez mire való, mert ha kiszedem ezt a részt a kódból akkor is ugyanazt csinálja


// Add active class to the current button (highlight it)

var header = document.getElementById("myHeader");

var btns = header.getElementsByClassName("btn");

for (var i = 0; i < btns.length; i++) {

btns[i].addEventListener("click", function() {

var current = document.getElementsByClassName("active");

current[0].className = current[0].className.replace(" active", "");

this.className += " active";

});

}

2023. jan. 22. 19:38
 5/9 anonim ***** válasza:

Ugye nem valami 30 éves tutorialból tanulsz? Csak mert nagyon úgy néz ki.

Javaslom, tanulj innen, ez egy jó oldal: [link]

2023. jan. 22. 19:53
Hasznos számodra ez a válasz?
 6/9 anonim ***** válasza:
Amúgy az addEventListener köti össze a DOM elemet az eseménykezelővel, ez mondja meg, hogy melyik függvény fusson le, mikor az adott elem egy eseményt, mondjuk "click" eseményt érzékel.
2023. jan. 22. 19:56
Hasznos számodra ez a válasz?
 7/9 A kérdező kommentje:
Köszi szépen, és a linket is
2023. jan. 22. 20:02
 8/9 anonim ***** válasza:
80%

Az addEventListener meg már a 2000-es DOM-ban benne volt:

[link]

egy 2005-ös magyar cikkben írnak róla:

[link]

egyébként az onclick attribútum helyett javasolt - szóval a HTML-kód, pusztán csak a tartalom struktúrálását végezze, ne legyen benne se formázás (se elavult bgcolor HTML-attribútum, se style HTML-attribútummal soron belüli stílusinformáció), se soron belüli Javascript (szóval onclick, onkeyup és hasonló HTML-attribútumok) - a Javascript-kódból hivatkozni az adott elemre.

2023. jan. 22. 20:17
Hasznos számodra ez a válasz?
 9/9 anonim ***** válasza:
0%
b#zdmeg
2023. jan. 22. 20:52
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!