00:00
失去焦点事件,哎,失去焦点事件,那我先写个页面啊。来走啊漏是吧,好了,数据焦点呢,是常用在哪呀?哎,对表单里面你看啊,数据焦点是不是常用于输入框啊,所以我一会就给两个输入框啊,咱们说用户名。啊。孕妇的。等于好了。复制一下,然后到密码。好别着急啊,就这样就可以啦,然后呢,我给他来两个按钮啊。或者按钮先不来了,这里用不上按钮,这按钮先不来了哈,咱们先运行一下,先看看这是不是两个输入框,哎,咱们要演示的是失去焦点事件,那我们就先把概念搞清楚,老师啥是交点。
01:02
啥是焦点?我相信大家都见过那种舞台是吧?小木黑了,然后一个人站在上面,基本能打到他身上,那个是不是焦点?前两都看到他了,大家都看到他啥是焦点,但自细看着它现在这个页面里面所有的页面元素都一样,但是当我们点击的某一个输入框,它是不是高亮的,这个东西就像那个激光灯一样,理解吗?大家都看到它,这就是焦点了,而且他还有个光标,看见吗?一闪一闪,这就是主角是吧?这就是主角,OK,那啥叫做失去焦点吗?就它没有这个东西的,能理解吧?我随便点其他地方是不是没有了,这就是绿焦点,很好理解哈,好,那么现在我们榜上这个事件呢?来演示一下啊啊,叫什么啊?不论是吧,啊,这里呢,需要一个函数来吧,让我整个函数啊。走菜一走,哎,好吧,Function,呃,咱们说诶咱们这是什么,就静态注册失失去焦点时间是吧,啊了一下。
02:09
哎,这写啥呢?哎哎,咱们不要用aler,因为alert和数据焦点呢,容易起一个冲突,咱们就换其他吧,换个什么呢。可是,哎,这是啥东西,这是个对象。哎,这个对象呢,发现是不是很很很熟悉啊,跟什么字符串很熟悉,没有对控制在。呃,控制台,但是大家注意看一下哈,然后说cons是控制台,对象是由javascript语言提供。啊,专门用于。向浏览器的控制台打印输出,用于测试使用啊,三老片是吧啊就可测试使用,那么大家看看哈,这是个对象啊,它用什么东西呢?有个log这个方法呢,用于打印,大家看log是打印的方法,哎,就跟咱们什么是不system out一样啊,这差不多那个意思啊,那咱们就说。
03:21
来。嗯。静态注册失去。焦点。时间好了,那我在这里面就调这个方法就行了啊叫on blood far,诶好事完事了啊,那咱们运行一下怎么去看那个东西呢?我进来离开,进来离开没有任何反馈是吧?诶这边也没有打印呢,东西去哪了?注意看我们说的是不是浏览器的控制台,浏览器的控制台在哪?F12,你先打开它,这里是不是输出好几回了,这里有个CTRL,这是控制台。啊,它在这里。
04:00
啊,看在这里好了,那比如说我再给你演示一次啊,我再进来,我再离开,他是不是又打一次了,看见了吧,好OK,那么我们看下动态注册的啊,这是静态注册,那动态注册怎么做呢?还是一样啊,什么东西你写错了,O型这种动态的是吧?啊不好意思,谢谢啊来咱们说动态。注册什么on blue事件,那怎么做呀?还是固定的步骤,On window on onload。等于A呀,方数好,那么这里面是不是分两个步骤了,第一获取标签对象,第二通过标签对象点事件名,它就是固定的步骤,没发现吗?今天讲的都是固定的东西吗?是固定的格式,稍微了解一下就好了,来获取标签对象呢,也是一个固定的方法,document.get l ID吧,咱们现在是要给用户名绑定啊,第二个吧,那它得有啥?它是不是有个ID啊,加上等于pass就行了,或者pass也行,写完也行是吧?好,那你就把这个ID值放到这里面来吧,哎,得到的对象。
05:19
就是pass OB b对吧?来,请看这是啥老师,这是个啥对象啊,瞅一瞅,走你。他是个对象什么呀,HTML页面当中的input的这个标签,你密码是不是的呀。就这样好,那现在呢,你得到这个对象以后啊,来怎么用啊,咱们说是不是通过对象点事件名看见了吗?安布等于方个顺,哎,我们来写一下什么动哎,不要写这个忘写习惯来把它复制下来。不做动态。
06:02
OK,那咱们运行啊,把它们都关了,F12来打开一下对吧,哎,静态动态还挺有意思的哈,啊,就这么点一天哈。
我来说两句