首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

input获取焦点 原生js_原生js的input事件

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了...) 使用方法: 以上事件可以直接放到input的属性里,例如: 1 , 可以通过js给input dom元素添加相应的事件, 2 document.getElementByTagName(‘input’

25.6K60

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候,就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框的焦点输入的而已,如下: ? 当刚进入页面,文本框就自动获取焦点,这基本上就是这个方法的大部分用法了。...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。... <script type="text/javascript" src="jquery/jquery-3.3.1.min.<em>js</em>

12.1K30

JS|JavaScript脚本也可固定位

问题描述 “如果不改变标签的位置,如何固定JS的脚本呢”,当我们在网页中写入JavaScript代码时,如果我们每次都必须在其他标签之后嵌入JavaScript代码,不仅会造成代码的冗余...我们了解了BOM我们现在来解决怎么让其固定位置且生效,大家都知道在JavaScript中我们都会用function来定义函数,让函数调用来解决这个问题。 <!...我们是通过window的页面初始化事件处理函数,我们通过这个函数来执行下面的代码,通过函数的调用来执行下面的js代码,这句代码在刚开始是不会执行的,当页面完全加载完毕后才会调用js代码。...这样我们保存之后再运行我们就会发现js代码生效了。 结语 我们在写JavaScript脚本时一定要注意代码位置,注意代码的解析顺序及其对象的属性。...如果想要其位置固定就需定义相应函数来调用其js代码让其生效。我们在定义函数时一定要注意其符号必须是英文状态下的符号,否则会产生解析错误。

2.9K20
领券