input标签事件总结(vue、H5),获取焦点失去焦点实时监听事件

input标签事件总结(vue、H5)

一、在Html中input标签的相关事件写法:

1、onfocus(常用)
input标签获取焦点事件

2、onblur(常用)
input失去焦点事件(触发条件:先获取焦点,再失去焦点触发)

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

4、oninput
input框输入过程中value值改变时实时触发,及没输入一个字符都会触发

5、onclick
input标签type="button"时的点击事件

6、onkeydown
input框输入时键盘按钮按下事件

7、onkeyup
input框输入时键盘按钮抬起事件,触发onkeyup事件之前一定触发onkeydown事件

8、onselect
input标签内容选中时触发事件

写法:
1、标签内写法:

在这里插入图片描述
2、js绑定事件写法࿱

你可能感兴趣的:(html5,javascript,vue.js,html)