Learn Pointer Events In 15 Minutes

Almost everyone defaults to using mouse events such as mousedown and mouseup, but this is not ideal. Mouse events do not include things like touch and pen interactions and duplicating all your mouse events into touch events is not ideal either. This is where pointer events come in. Pointer events work for all types of input (mouse, touch, pen, etc.) and best of all they include a few additional features and methods that make doing complex interactions incredibly easy.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
01:16 - Pointer Event Basics
09:10 - Pointer Capturing

#PointerEvents #WDS #JavaScript

[ShellBryson]

I’ve been doing web dev for… well since the web was a thing, and before that. Yeah, I have a grey beard. Anyway, stuff like this just blows my mind: I had no idea pointer events included so much. I’m a professional FED (for decades now) screaming to keep up and this stuff is so f-ing cool. Really appreciate these videos, they’re a crutch for this ageing web engineer.

[aram]

Should you ever run out of ideas for next video, I would love to see a summary of all the event coordinate properties ending with X and Y: pageX/Y, offsetX/Y, clientX/Y, layerX/Y, etc. I am sure your rundown will be the best possible.

[pointer]

You just earned a subscription, sir! The presentation is so dang concise and logical!

[carltone]

Kyle, Thank-you for creating this video. I’m a microcontroller hobbyist. I have recently learned JS and (HTML, CSS as required). Intent being to use phone, tablet or computer to connect to the microcontroller. The Pointer method looks like what I need. Furthermore, I watched your o event video. The Usb connection / debugging interface ( assuming I can connect) will enable me to cleanup optimize my tablet interface . Many thanks for your effort creating these Excellent ‘concise ‘ technical videos . Well done !!

[dannyvsr]

Thanks for all that you do Kyle. I would really love a dedicated video on Git, on the more advanced commands like Rebase, Revert, Cherry Pick, how to undo a commit that has already been pushed to the repo etc. I think this would help a lot of people out. Thanks again, your are fantastic at what you do

[marksheard]

Ok that`s it, on my next project i am going to have to just test pointer events out on Both my Mouse AND my Touchscreen. Nicely done Sire! 👍

[jma]

man just perfect timing for this upload, my friend was asking me to implement a custom video player

[ty-cfzi]

Thank you for providing high-quality knowledge-sharing videos all the time.

[juanmurga]

Thank you man! I love when you talk about topics that is find to hard good examples

[CondeAlberto]

Kyle, I have been watching your videos for weeks now, and I still have to see one that is not extremely well researched, entertaining and useful.
it is no wonder you are so succesful. Congratulations on an excellent job.

[me_manish_prajapati]

Even experienced developers should watch all of ur videos ❤️❤️ great content nd concepts

[marktellez]

This is the most mind blowing thing I have seen in awhile and the presentation was a masterclass.

Thanks Kyle!

[AliMoeeny]

Amazing, thank you very much. Pointer capturing is clutch when you need it and if you don't know it exists, you are going to spend a lot of time debugging your own implementation. Thanks again for the excellent video, as always.

[marsrocks]

This is one of few channels that respects the audiences intelligence and drops relevant pro-tips

[vladropotica]

Thank you. This video came up perfectly for me, didn't know what to do with my draggable slider.

[parahumanoid]

I find myself dashing back and forth between Kyle and a couple other content providers: some simpler stuff in depth with others, and more hardcore with Kyle. Basically so because Kyle relies on my being well up to speed with simpler things an we frequently don't know those things as thoroughly as it may seem to us. Some are easier-paced also, or narrowly targetted. Like Kevin Powell: I know Kyle can do as well in CSS, but to my taste, Kevin does more to transfer exactly the CSS part of the game to us in an easier to understand way. But then again when I know I need to go hardcore with pure ES or ME*N and WebAssembly and similar scary things, I come to Kyle. Great thanks for great content!

[jmann]

Create a new web developer guide 2022 with all the new things that u posted this year ….like the one u created in 2021 plzzz😇 god bless u mate for all the hard work u do for the people

[micheledibe]

I had yet to learn of the existence of these new events.
Thanks for sharing and for keeping up these good tutorials.

[DeepakisDemigod]

Pointer solves issue for every touch or mouse event thanks brother ♥️♥️♥️👍👍👍

[schizoidman]

Hi Kyle! I am impressed with the contents of your videos for quite some time. I have a PhD in Computer Science and I only use web programming for my Github website. I am really glad to see that there are young fellows here on YouTube such as yourself that are so competent, clear, and spot on. This video is a jewel and I want to congratulate you for its content. I was an university professor and I loved to explain things in a way to make people understand it. I know you must have spent hours and hours to prepare this video, but the result is amazing. It is quite a bit "dense", but this is not a complaint, it's good this way. I am subscribing to your channel right now and keeping this video for future use. I have already exchanged the mouse events by pointer events in my site but unfortunately my Canvas demos with user interaction are not working on mobiles for some reason. If you have some ideas what could be the problem please let me know. Cheers!