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)
<!-- 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";
});
}
Már az 1997-es HTML 4.0 munkadokumentumában benne volt
az onclick attribútum, amivel az egérkattintásra végrehajtódó eseményt lehetett hozzárendelni egy-egy elemhez.
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
Már látom hogy benne van pl itt:
<INPUT type="button" value="Click Me" onclick="verify()">
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";
});
}
Ugye nem valami 30 éves tutorialból tanulsz? Csak mert nagyon úgy néz ki.
Javaslom, tanulj innen, ez egy jó oldal: [link]
Az addEventListener meg már a 2000-es DOM-ban benne volt:
egy 2005-ös magyar cikkben írnak róla:
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.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!