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

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

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绑定事件写法࿱

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321746.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存