input获取焦点 原生js_原生js的input事件

input获取焦点 原生js_原生js的input事件1.onfocus当input获取到焦点时触发2.onblur当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。3.onchange当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。4.onkeydown按下按键时的事件触发,5.onkeyup当按键抬起的时候触发的事件,在该…

大家好,又见面了,我是你们的朋友全栈君。

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的属性里,例如:

1 ,

可以通过js给input dom元素添加相应的事件,

2 document.getElementByTagName(‘input’).onfocus = function();

3 事件监听。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/137380.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月2日 上午7:36
下一篇 2022年6月2日 上午7:36


相关推荐

  • 国内可用的Internet时间同步服务器地址(NTP时间服务器)[通俗易懂]

    国内可用的Internet时间同步服务器地址(NTP时间服务器)[通俗易懂]不知道什么鬼我这系统自带的Internet时间同步服务器地址居然不可用,终端ping系统自带服务器两个居然都不通???难道时间服务器也和谐么?好在阿里云提供了7个NTP时间服务器也就是Interne

    2022年7月1日
    174
  • C++ 左值和右值

    C++ 左值和右值左值和右值左值 右值左值引用 右值引用 std move std move 的实现引用折叠左值 右值在 C 11 中所有的值必属于左值 右值两者之一 右值又可以细分为纯右值 将亡值 在 C 11 中可以取地址的 有名字的就是左值 反之 不能取地址的 没有名字的就是右值 将亡值或纯右值 举个例子 inta b c a 就是左值 其有变量名为 a 通过 amp a 可以获取该变量的地址 表达式 b c 函数 intfunc 的返回值是右值 在其被赋值给某一变量前 我们不能通过变量名找到它 b c

    2026年3月18日
    2
  • MySQL中聚集索引、非聚集索引、联合索引、覆盖索引[通俗易懂]

    MySQL中聚集索引、非聚集索引、联合索引、覆盖索引[通俗易懂]在《面试官:为啥加了索引查询会变快?》一文中,我们介绍了索引的数据结构,正是因为索引使用了B+树,才使得查询变快。说白了,索引的原理就是减少查询的次数、减少磁盘IO,达到快速查找所需数据的目的我们一起来看一下InnoDB存储引擎中的索引聚集索引聚集索引(clusteredindex)就是按照每张表的主键构造一棵B+树,同时叶子节点中存放的即为整张表的行记录数据,也将聚集索引的叶子节点称为数据页。聚集索引的这个特性决定了索引组织表中数据也是索引的一部分(备注:真实的B+树叶子节点是通过链表相连的,

    2022年6月4日
    43
  • 基于go-cqhttp实现QQ机器人

    基于go-cqhttp实现QQ机器人前言本篇文章原文:http://www.7yue.top/rabbitbot/本篇文章记录一下自己在编写QQ机器人的时候所遇到的一些问题和核心功能的实现。QQ机器人RabbitBot采用python编写,由于是个人学习使用,故目前不会开源完整代码,只会放出核心代码供学习参考。使用的go-cqhttp项目:https://github.com/Mrs4s/go-cqhttpgo-cqhttp是基于Mirai以及MiraiGo的cqhttpgolang原生实现。RabbitBot在读取

    2022年7月11日
    21
  • LeetCode 1533. Find the Index of the Large Integer(二分查找)「建议收藏」

    LeetCode 1533. Find the Index of the Large Integer(二分查找)「建议收藏」文章目录1.题目2.解题1.题目Wehaveanintegerarrayarr,wherealltheintegersinarrareequalexceptforoneintegerwhichislargerthantherestoftheintegers.Youwillnotbegivendirectaccesstothearray,instead,youwillhaveanAPIArrayReaderwhi

    2022年7月25日
    17
  • ActivityManager 管理Activity[通俗易懂]

    ActivityManager 管理Activity[通俗易懂]参考:https://www.jianshu.com/p/063fae89206bhttps://blog.csdn.net/qq_38520096/article/details/82109948https://blog.csdn.net/lanye11/article/details/52221359Activity可以获取运行中的应用信息,可以获取到servcie,process,ap…

    2025年9月28日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号