1. First things first: what is a circuit?
A circuit is like a race track for electricity. Electricity is made of tiny particles called electrons, and they love to zoom around loops. There's one rule though:
The loop has to be complete. No gaps allowed!
Try it yourself π
Tap the switch to close the gap in the wire and watch the bulb light up!
π΄ The circuit is OPEN. See the gap in the top wire? Electrons can't jump across β the bulb stays dark.
π Open circuit
There's a gap in the loop. Electrons can't get across, so nothing works.
π Closed circuit
The loop is complete. Electrons zoom around and can turn on a bulb, a buzzer, or⦠a phone screen.
π‘ Neat number
When a wire carries just 1 amp of current, about 6.24 quintillion electrons whoosh past a point every second. That's a 6 followed by 18 zeros!
2. Your finger has a secret superpower β¨
Your body is mostly salty water inside β water with tiny salts dissolved in it. That makes you a decent conductor: something electricity can flow through, and enough of a conductor for a screen to notice you.
Not everything conducts. Try the lab: tap an object to drop it into the circuit gap and see if the bulb lights up!
π Pick an object above and drop it into the gap!
π‘ That's why regular knit gloves don't work on phone screens β the wool blocks electricity so the screen can't "feel" your finger. "Touchscreen gloves" fix this by weaving conductive thread into the fingertips.
3. Inside the screen: an invisible grid π±
Behind the glass on your phone, there's a super-thin grid of see-through wires that carry a tiny amount of electricity. Here's what those layers look like if you sliced the phone open:
The two crossed grids of see-through wires (usually a special see-through material called indium tin oxide, or ITO) each hold a tiny electric charge. You don't have to press β just getting close is enough. Your finger changes the invisible electric field at that spot, and the phone measures the change.
Try it: tap the pretend screen π
The phone will tell you the exact row and column of the grid you touched.
π Tap somewhere on the screen!
πΈοΈ Two grids, not one
There are actually two see-through grids: one for rows, one for columns. Together they can figure out exactly which square you touched β like a game of Battleship.
β‘ Many circuits at once
Every crossing point is its own tiny sensor. A phone screen has thousands of them, all watching for a finger.
β Many fingers at once
Most phones can track about 5β10 fingers at the same time β iPhones usually 5, most Androids up to 10. That's how pinch-to-zoom works with two fingers!
π Test at home
A banana, a pickle, or even a hot dog will work on a touchscreen β they're full of salty water, just like you. A dry crayon won't. Plain distilled water isn't great either (no salt!). Ask a grown-up before you test! π
4. From a tap to an action π―
OK, so the phone knows where you touched. But how does that turn into "the game jumps" or "the video plays"? Here's the journey your tap goes on:
-
1
The screen finds the spot
The grid gives your finger an (x, y) position β like a treasure-map coordinate on the screen.
-
2
The phone's brain (the operating system) takes over
The OS looks at (x, y) and asks: "Which app is showing at that spot right now?" It sends the coordinate to that app.
-
3
The app checks its "hit boxes"
Every button and picture in an app has an invisible box around it. The app checks β starting with the button on top β "Did the tap land in any of my boxes?"
-
4
The right thing happens
If the tap hit the Play button's box, music starts. If it hit the β€οΈ button's box, you liked the video. And so on!
Try 1: See your coordinates π
Move your finger or mouse over the phone. Watch the numbers change β that's what the phone is seeing every moment.
Real phones scan the touchscreen 120 to 240 times a second on most models. High-end gaming phones go even faster β over 720 times a second! That's why swipes and drags feel so smooth. (This is different from how many times the picture on screen updates β that's called the refresh rate.)
Try 2: Hit the right button π―
Here's a mini app. Tap somewhere. The phone will show you which button's hit-box caught your tap β or tell you if you missed!
π Tap anywhere on the screen to see what happens.
Fun fact: if two buttons overlap, the one on top wins β just like stacking papers on a desk.
Try 3: A swipe is justβ¦ coordinates over time π
Drag your finger or mouse across the screen below. Watch the phone collect a stream of dots. That's what a swipe or a game gesture looks like inside the phone!
What the phone sees:
π‘ So what's a "gesture"?
A gesture is a pattern in that stream of dots. If the dots stay in one place, it's a tap. If they travel across the screen quickly, it's a swipe. If two fingers get closer together, it's a pinch to zoom out. The phone's brain watches the pattern and figures out what you meant!
5. Quick quiz β did it stick? π§
Six questions. No pressure. Tap an answer to check it.
Your score:
0 / 6
6. Recap in one sentence π
Your phone's screen is covered in tiny circuits waiting for a conductor. Your finger closes one, the screen finds the coordinates, the phone sends them to the app, and the app decides what to do.
Not bad, science! π¬
7. Where these facts come from π
Everything on this page was fact-checked against the sources below. Ask a grown-up before clicking!
- How capacitive touchscreens work (peer-reviewed review) Chao Wu et al., Review of Capacitive Touchscreen Technologies, PMC / NCBI. pmc.ncbi.nlm.nih.gov/articles/PMC8309784
- Touchscreens β general overview Touchscreen, Wikipedia (used as an overview; each specific claim cross-checked with the primary sources on this list). en.wikipedia.org/wiki/Touchscreen
- Indium tin oxide (ITO) β the see-through wires AZoM, Touch Screen Indium Tin Oxide (ITO). azom.com/article.aspx?ArticleID=9634
- Why your finger works but a wooden pencil doesn't ScienceAlert, How Does a Touchscreen Actually Work? sciencealert.com/how-does-a-touchscreen-actually-work
- Skin conductivity (technical) MDPI Sensors, Dependence of Skin-Electrode Contact Impedance on Material and Skin Hydration. mdpi.com/1424-8220/22/21/8510
- Capacitive vs. "press to work" (resistive) touchscreens Newhaven Display, Capacitive vs Resistive Touchscreens. newhavendisplay.com/blog/capacitive-vs-resistive-touch
- The touch controller chip that turns the signal into (x, y) INAIRSPACE, Touch Controller IC Fundamentals. inairspace.com β Touch Controller IC Fundamentals
- How the operating system routes taps to apps Android Open Source Project, SurfaceFlinger and WindowManager. source.android.com β SurfaceFlinger & WindowManager
- Gesture recognisers β Apple Apple Developer, UITapGestureRecognizer. developer.apple.com β UITapGestureRecognizer
- Gesture recognisers β Android Android Developers, GestureDetector. developer.android.com β GestureDetector
- Touchscreen gloves (conductive fingertips) Nelson Miller, The Science Behind Touchscreen Gloves. nelson-miller.com β Touchscreen Gloves
- 6.24 quintillion electrons per amp (SI definition) US National Institute of Standards and Technology (NIST), Ampere: The Future. nist.gov/si-redefinition/ampere/ampere-future
- Touch scan rate vs display refresh rate MakeUseOf, Touch Sampling Rate vs. Refresh Rate. makeuseof.com β Touch Sampling vs Refresh