File tree Expand file tree Collapse file tree 2 files changed +128
-113
lines changed
2-ui/3-event-details/1-mouse-events-basics Expand file tree Collapse file tree 2 files changed +128
-113
lines changed Original file line number Diff line number Diff line change @@ -2,16 +2,17 @@ importance: 5
22
33---
44
5- # Selectable list
5+ # Seçilebilir liste
66
7- Create a list where elements are selectable, like in file-managers .
7+ Dosya yöneticilerinde olduğu gibi öğelerin seçilebilir olduğu bir liste oluşturun .
88
9- - A click on a list element selects only that element (adds the class ` .selected ` ), deselects all others .
10- - If a click is made with ` key:Ctrl ` ( ` key:Cmd ` for Mac ), then the selection is toggled on the element, but other elements are not modified .
9+ - Bir liste elemanına tıklandığında sadece o eleman seçilir (" .selected" sınıfını ekler ), diğerlerinin seçimini kaldırır .
10+ - Eğer tıklama ` key:Ctrl ` ile yapıldıysa (Mac için ` key:Cmd ` ), tıklama yapılan eleman seçilir, ancak diğer elemanlar etkilenmez .
1111
12- The demo :
12+ Demo :
1313
1414[ iframe border="1" src="solution" height=180]
1515
16- P.S. For this task we can assume that list items are text-only. No nested tags.
17- P.P.S. Prevent the native browser selection of the text on clicks.
16+ ** NOT** Bu görev için, liste öğelerinin yalnızca metin olduğunu varsayabiliriz. İç içe geçmiş tag yok.
17+
18+ ** NOT** Tıklamalarda metnin yerel tarayıcı seçimini engelleyin.
You can’t perform that action at this time.
0 commit comments