JavaScript基础 表单控键 onfocus onblur

onfocus获得焦点的时候触发
onblur 失去焦点的时候触发

能获得焦点的元素才能触发
input( 所有tepe类型都可以触发)、textarea、select、a、button...

应用:
onblur 失去焦点的时候判断表单里是否符合要求
常用的案例
定时器点到别一个网页时,原网页的定时器还会运行


    
    
    1
    



Animation.gif

.focus()通过js让元素获得焦点





Animation.gif

页面上来焦点就自动在输入框里


Animation.gif

onchange当表单控件内容发生改变的时触发 重点
输入框检测进入焦点和离开焦点时内容有没有变化



Animation.gif


Animation.gif

在表单里可以通过.name里的名字获取元素

Animation.gif

form.submit() js提交 //form对象 先获取
不需要通过点击后再提交,满足要求后就可以自己提交

你可能感兴趣的:(JavaScript基础 表单控键 onfocus onblur)