input的各种事件

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

2.onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件，用于判断标签为空。

3.onchange 当input失去焦点并且它的value值发生变化时触发，个人感觉可以用于注册时的确认密码。

4.onkeydown 按下按键时的事件触发，

5.onkeyup 当按键抬起的时候触发的事件，在该事件触发之前一定触发了onkeydown事件–相当于一个按键，两个事件，没怎么用过

6.onclick 主要是用于 input type=button，input作为一个按钮使用时的鼠标点击事件

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

8.oninput 当input的value值发生变化时就会触发，（与onchange的区别是不用等到失去焦点就可以触发了）

使用方法：

以上事件可以直接放到input的属性里，例如：<input type=“text” οnfοcus=“a();” οnblur=“b()” οnchange=“c();” οnkeydοwn=“d();” />，

也可以通过js给input dom元素添加相应的事件，如：document.getElementByTagName(‘input’).onfocus = function();

input的各种事件相关推荐

java textvaluechanged 全选删除不触发_js动态改变input的值不触发input的change事件的解决办法...
看了网上的资料也比较杂,自己也做一个整理共享一下解决方案 1.原生js的改变之后手动添加监听 1 2 3 var ttt = document.getElementById("ttt&quo ...
html5 自动失去焦点,js input失去焦点事件
JS中,何为鼠标失去焦点事件??是onmouseout事件. 用法举例: 鼠标离开文本框的时候触发JS的chk()方法. js 怎样判断ipunt失去焦点 js input失去焦点事件 onfocus ...
input按钮onclick事件大全
input按钮onclick事件大全 <INPUT οnclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=B ...
如何阻止input的focus事件
首先要明确Input标签各种事件的执行顺序,对于点击事件,是按照mousedown -> mouseup -> click这个顺序走的,那么focus事件在哪一步处理的? 直接上代码: & ...
移动端H5 input移动端事件汇总
移动端H5 input事件汇总这里汇总了Android和IOS端的input事件汇总 Android 端的H5 input事件 1. focus事件 2. input事件 3. keydown事件 ...
【input】输入框事件总结
input标签事件总结最近在维护MES相关的系统,好家伙,接手就来个BUG,前端的关于input输入框的输入内容的输入内容事件失效的问题, 正好进行学习并汇总一.在Html中input输入框相关事 ...
html input change,input与change事件区别
input与change事件区别属于前端实例代码,有关更多实例代码大家可以查看. 关于标题中两个事件的具体用法可以参阅如下两篇文章: (1).input事件参阅JavaScript input 事件一 ...
input的onchange事件实际触发条件与解决方法
input中onchange事件已经属于元老级别了,并且现在同onclick一样使用频率很高,然而onchange的机制实际上有很多童鞋并不清楚,我们通过实例来分析这个事件的特征. 触发onchang ...
input的onchange事件第二次不执行的解决办法
input的onchange事件第二次不执行,问题的根源在于没有发生任何改变,因为绑定的是onchange事件,如果事件的对象没有发生改变,那么事件是不会执行的.当第二次选择文件和第一次选择的文件相同 ...
ios的H5页面input触发onfocus事件无效解决方案
ios的H5页面使用input时,在修改input的value的值时,不会触发onfocus事件.解决方案: <div class="input_type" style=&q ...

input的各种事件

input的各种事件相关推荐

最新文章

热门文章