HTML-input标签事件监听
2018-04-17 15:25
856 查看
转载出处:https://www.geek-share.com/detail/2687863821.html
1.onfocus
当input 获取到焦点时触发
2.onblur
当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js
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();
相关文章推荐
- html中input标签只读属性和内容改变事件监听
- 【DOM操作】实时监听input[type='text']和HTML标签中属性改变事件
- html input type text标签属性和方法事件
- html input type text标签属性和方法事件 (一)
- html input type text标签属性和方法事件
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- input 标签的监听事件总结
- html input type text标签属性和方法事件
- HTML 输入框input事件监听实例
- html input type text标签属性和方法事件
- html中input标签回车事件分享
- jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
- JS监听事件错误:Uncaught TypeError: xx(函数名)is not a function at HTMLInputElement.onclick
- html中input标签内容改变触发事件
- input 标签的监听事件总结
- html input type text标签属性和方法事件
- 浅析html input 等值改变添加监听事件
- Html input type text标签属性和方法事件
- 实时监听input标签输入 实时监听文本框输入 避免中文输入法无法触发onkeyup事件的问题
- HTML input 标签 详细 事件 描述