• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Funkcja po kliknięciu wykonuje się tylko raz

VPS Starter Arubacloud
0 głosów
1,225 wizyt
pytanie zadane 18 grudnia 2017 w JavaScript przez xxkondzioxx15 Obywatel (1,440 p.)

Witam, mam pewien problem, zrobiłem sobie tabelkę, która pa kliknięciu w pole zmienia kolor za każdym kliknięciem. Chcę, aby funkcja wykonała się tylko raz. Jak mogę to zrobić?

<script>
		var tb1 = null;
		//var g =Math.round(Math.random()*255);
		//var b =Math.round(Math.random()*255);
		function hookTable(){
			tb1 = document.getElementById("main");
				if ( tb1 !== null){
                  for (var i = 0; i < tb1.rows.length; i++){
					for (var j=0; j < tb1.rows[i].cells.length;j++){
						tb1.rows[i].cells[j].onclick = function() { getVal(this); };
					}
				  }
                }
             }
		function getVal(cel) {
			//alert(cel.innerHTML);
			var g =Math.round(Math.random()*255);
			var b =Math.round(Math.random()*255);
            cel.style.color="rgb(255,0,0)";
			if (cel.innerHTML==="1"){
                cel.style.backgroundColor="rgb(0,"+g+",0)";
				return;
			}else{
				cel.style.backgroundColor="rgb(0,0,"+b+")";
			}
            }
			
	</script>

<body onload="hookTable();">
	
<?php
$len = 10;
echo '<table id="main">';
for($i = 0; $i <$len; $i++){
echo "<tr>";
for ($j= 0; $j < $len; $j++){
    echo '<td>'.mt_rand(0,1).'</td>';
    }
    echo "</tr>";
}
echo "</table>";
?>

</body>

Z góry dziękuję.

1 odpowiedź

+1 głos
odpowiedź 18 grudnia 2017 przez Comandeer Guru (599,730 p.)

W nowoczesnych przeglądarkach jest coś takiego jak addEventListener options i jedną z nich jest oncehttps://developers.google.com/web/updates/2016/10/addeventlistener-once

komentarz 18 grudnia 2017 przez xxkondzioxx15 Obywatel (1,440 p.)
A gdzie tą funkcję mogę dopisać w tym kodzie?. A nie mogę gdzieś dodać return;?
komentarz 18 grudnia 2017 przez Comandeer Guru (599,730 p.)

A gdzie tą funkcję mogę dopisać w tym kodzie?

Zastąpić onclick.

 A nie mogę gdzieś dodać return;?

Samo return nie, ale można zastosować technikę z flagą:

var flag = false;

element.addEventListener( 'click, function() {
    if ( flag ) {
        return;
    }

    flag = true;
} );

 

komentarz 18 grudnia 2017 przez xxkondzioxx15 Obywatel (1,440 p.)

Tak ma to wyglądać?

for (var j=0; j < tb1.rows[i].cells.length;j++){
						tb1.rows[i].cells[j].element.addEventListener = function() { getVal(this); };
						
					}

To mi nie działa

komentarz 18 grudnia 2017 przez Comandeer Guru (599,730 p.)

Twoim element jest tb1.rows[i].cells[j]. Poza tym zobacz, jaką składnię ma addEventListener.

komentarz 18 grudnia 2017 przez xxkondzioxx15 Obywatel (1,440 p.)

w tym problem że ma dodatkowe opcje ten addEventListener once i nie potrafię tego dostosować do tej funkcji

komentarz 18 grudnia 2017 przez xxkondzioxx15 Obywatel (1,440 p.)
po prostu nie wiem jak to dopasować

Podobne pytania

+1 głos
2 odpowiedzi 399 wizyt
pytanie zadane 12 marca 2022 w JavaScript przez black86 Nowicjusz (210 p.)
0 głosów
2 odpowiedzi 637 wizyt
0 głosów
1 odpowiedź 175 wizyt
pytanie zadane 7 lipca 2019 w JavaScript przez Brzeczy Początkujący (310 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...