input标签监听事件总结

监听事件对于文本标签元素很常见,如input、select这些,监听其实就是当他们的值发生改变时去触发相应事件。input常见的事件如下:

1.onfocus  当input 获取到焦点时触发

2.onblur  当input失去焦点时触发

3.onchange 当input失去焦点并且它的value值发生变化时触发

4.onkeydown 在 input中有键按住的时候执行一些代码

5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触发之前一定触发了onkeydown事件

6.onclick  主要是用于 input type=button,当被点击时触发此事件

7.onselect  当input里的内容文本被选中后执行一段,只要选择了就会触发,不是非得全部选中

8.oninput  当input的value值发生变化时就会触发,不用等到失去焦点(与onchange的区别),常见用于判断输入是否合理而显示对应提示

以上事件可以直接放到input的属性里,例如:<input type="text" onfocus="a();" onblur="b()" onchange="c();" onkeydown="d();" />,也可以通过js给input dom元素添加相应的事件,如:document.getElementByTagName('input').onfocus = function();

猜你喜欢

转载自blog.csdn.net/weixin_43686722/article/details/85015123