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

question-closed Suwak, kilka elementow - JavaScript Problem

Object Storage Arubacloud
0 głosów
584 wizyt
pytanie zadane 29 grudnia 2015 w JavaScript przez Tricker Bywalec (2,630 p.)
zamknięte 30 grudnia 2015 przez Tricker
Cześć,

Tworzę suwak w JS i napotkałem na mały problem.
http://codepen.io/anon/pen/JGbKor

Mam suwak, który po najechaniu wywołuje funkcję.
Funkcja polega na ustawieniu "postepu suwaka" za pomocą położenia myszy względem całego suwaka.
Wewnątrz suwaka mam jeszcze jeden element, który w dalszym etapie skryptu ma być po prostu buttonem do przesuwania i problem tkwi w tym, że ten button dziedziczy funkcje suwaka, przez co po najechaniu na niego to on wywołuje funkcje zamiast pierwotnie, cały suwak, co skutkuję złym ustawieniem się "postepu suwaka".

Problem teoretycznie wydaję się prosty do rozwiązania, jednak praktycznie nie mam pojęcia jak się z nim uporać.
Szukałem trochę po zagranicznych internetach i nie znalazłem rozwiązania, tak więc proszę Was o pomoc.
komentarz zamknięcia: Udało się ten sam efekt uzyskać korzystając z e.clientX oraz getBoundingClientRect().left

2 odpowiedzi

0 głosów
odpowiedź 30 grudnia 2015 przez Tricker Bywalec (2,630 p.)
 
Najlepsza
Udało się ten sam efekt uzyskać korzystając z e.clientX oraz getBoundingClientRect().left
0 głosów
odpowiedź 29 grudnia 2015 przez Comandeer Guru (602,380 p.)
Sprawdź co siedzi w e.target. Jeśli to nie ten sam element, co w zmiennej progressBar, zakończ działanie handlera.
komentarz 29 grudnia 2015 przez Tricker Bywalec (2,630 p.)
Tylko to nie rozwiązuje mojego problemu.

Zerknij na odświeżony kod:
http://codepen.io/anon/pen/JGbKor

Postęp suwaka ma się zmieniać również gdy kursor znajduje się jeszcze na buttonie.

Podobne pytania

0 głosów
1 odpowiedź 519 wizyt
pytanie zadane 2 lipca 2017 w JavaScript przez Adam Ostrogórski Obywatel (1,070 p.)
+1 głos
1 odpowiedź 755 wizyt
pytanie zadane 13 września 2018 w JavaScript przez Radosław Foltyński Obywatel (1,180 p.)
0 głosów
1 odpowiedź 3,958 wizyt
pytanie zadane 27 marca 2018 w JavaScript przez dmnkk Użytkownik (520 p.)

92,661 zapytań

141,554 odpowiedzi

319,995 komentarzy

62,028 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...