Hello, in this jQuery video, I am going to show you deep focus event. So the focus event occurs when you know user focuses on a particular element. I don't mean when they literally just look at it with their eyes. Our computers can't do that yet. Maybe we have a webcam with some no tracking, you might be able to detect something like that. But that's not what I'm talking about.
It's when you either click on it or you you know, go to it with the tab key. So let's create some elements on the element types really matter. And good girl say hello world. Let's say Oh, no. She's not regular fish proficiency input input will be a tight reload, see what we get. Okay, so we get these phrases we do this.
Also, if you notice, by click tab, you can see stuff like input, you will actually go to it. And if I were to correct a hate to wrestle, well, just to further demonstrate this what inside the H ref doesn't really matter, I'm gonna say design. And now, as you can see, we've got that and you can see we can go to each one of these elements. So turkey implement the Volkers, we just do Jolla, the actual element we're trying to focus on and we could be specific one, but honestly keep a generic endpoint asterixis Every element I'm gonna focus on. Now, I'm just gonna say console dot log. Focus.
Now, if I were to reload it, if I click that, that does not do anything because you cannot focus on No, like just text. But we can focus on these. So let me click tab. And see, we can no, essentially select them in some capacity. I could click this as well and see this or printed here, just to make sure he's not reloading the page. And if I click that, you can see four click tab.
We are able to detect when the user focuses on elements that when they click on it, if it's some sort of, you know, input element, so whether it's an input like this, we can get some for input and do something, or wherever the user taps on to it. And that produces something like that is it for this video? If you have any questions, feel free to pop me a message. Actually, what I want you to do as an extra task is when you focus on tour, only to use jQuery so in like here, and want to have a look at the CSS videos, and come back and change the background color, the color, the text color, and some other CSS property of your choice. That's it. Thanks for watching, and I look forward to seeing you in the next video.