当前位置: 首页 > Web前端 > HTML

表单事件集合-input

时间:2023-04-02 18:59:55 HTML

最近在写一个手机端提交表单的项目,使用了很多input标签。因为项目不太忙,想做的完美,但是遇到了一些问题,比如:页面中如果至少有一个requireditem是空的,submit按钮无法提交,所以所有input的内容都需要被监控。一开始用jquery的keyup事件解决问题,后来测试了一个bug。如果用户选择粘贴复制,则无法触发keyup事件,无法通过判断输入内容来改变提交按钮的状态。以下是对此类问题的总结,希望对以后的自己和他人有所帮助。1.onfocus是input获得焦点时触发2.onblur是input失去焦点时触发,注意:这个事件触发的前提是input失去焦点时会触发相应的js3.onchange,它失去焦点时触发当值的值改变时。4.onkeydown在输入中按下某个键时执行一些代码。5.onkeyup是input中一个键被抬起时触发的事件。onkeydown事件必须在触发此事件之前触发。6.onclick主要用于inputtype=button,点击时触发该事件7.onselect执行input中内容文本被选中后的一段,只要被选中就会触发,不一定全部selected8.oninput当输入的值改变时会触发,不会等到失去焦点(与onchange的区别)。以上事件可以直接放在input属性中,例如:,也可以通过js给input的dom元素添加相应的事件,如:document.getElementByTagName('input').onfocus=function();