input 事件[通俗易懂]

input 事件[通俗易懂]input事件1.onfocus当input获取到焦点时触发2.onblur当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js3.onchange当input失去焦点并且它的value值发生变化时触发4.onkeydown在input中有键按住的时候执行一些代码5.onkeyup在input中有键抬起的时候触发的事件,…

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

input 事件

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 type="text" onfocus="a();" onblur="b()" onchange="c();" onkeydown="d();" />
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vue引入外部js文件并使用_为什么vue不使用ajax

    vue引入外部js文件并使用_为什么vue不使用ajax在一个组件内部需要引入一个js文件,如果放在index.html,每个组件都会有这个js,所以需要在组件内单独引入。下载静态文件下来后,放入文件夹:组件代码:<template><div><button@click=”compressImage”>点击调用方法</button></div></template><script>importImageCompressorfrom’@/

    2022年10月8日
    2
  • Java环境变量配置详细步骤

    Java环境变量配置详细步骤引言很多初学Java的小伙伴可能都会听别人说想要编译运行Java程序需要配置环境变量,所以在这里我就手把手教给你如何配置Java环境变量;再多说一句,可能会有小伙伴想:我编译运行Java程序干嘛要配置环境变量呢,直接用IDEA等开发工具不好嘛;其实对于Java初学者,学习Java最好开始不要使用这些开发工具,因为这些工具功能实在是太强大了,并不适合开始学习Java,不利于打好基础;所以开始最好还是老老实实用DOS编译运行Java程序吧!;注:电脑系统是win10下载JDK至于什么是JDK还有到底有

    2022年7月7日
    23
  • 城市三级联动

    城市三级联动

    2021年9月12日
    54
  • 43w+条手机电话号码归属地数据库免费下载·附区号邮编

    43w+条手机电话号码归属地数据库免费下载·附区号邮编数据库密码已撤销天翼云盘:https://cloud.189.cn/web/share?code=VvQvuur6n2yq(访问码:r9ol)

    2022年7月22日
    14
  • 购买部署阿里免费ssl证书的步骤「建议收藏」

    购买部署阿里免费ssl证书的步骤「建议收藏」ssl证书购买页面购买后如下点击证书申请填写证书信息下一步需要验证信息添加域名解析记录,内容是上面的截图,需要到自己的域名添加签发成功后进行部署需要一台http服务器,这里以nginx为例子,阿里有关于部署的说明文档,上面已签发右边操作中有一个下载,如下选择下载后根据帮助,找到文档如nginx的文档关于部署https服务我前面一篇文章也有记录nginx部署https服务…

    2022年10月3日
    4
  • 如何制作bt种子文件「建议收藏」

    首先,先整一个比特彗星然后打开点击文件,点击制作torrent文件在tracker服务器这一项里添加这些服务器http://torrentzilla.org/announcehttp://kinorun.com/announce.phphttp://torrent-team.net/announce.phphttp://bt.3dmgame.com:2710/announcehttp://tracker.ali213.net:8080/announcehttp://bt.ali.

    2022年4月7日
    148

发表回复

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

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