ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

表单事件

2022-01-01 16:06:31  阅读:153  来源: 互联网

标签:触发 表单 事件 提交 input change


表单事件的种类

 

 

input事件

1.input事件当<input><select><textarea>的值发生变化时触发。对于复选框(<input type=checkbox>)或单选框(<input type=radio>),用户改变选项时,也会触发这个事件。另外,对于打开contenteditable属性的元素,只要值发生变化,也会触发input事件。

2.input事件的一个特点,就是会连续触发,比如用户每按下一次按键,就会触发一次input事件。

3.input事件对象继承了InputEvent接口。

select事件

select事件当在<input><textarea>里面选中文本时触发。

change事件

change事件当<input><select><textarea>的值发生变化时触发。它与input事件的最大不同,就是不会连续触发,只有当全部修改完成时才会触发,另一方面input事件必然伴随change事件。具体来说,分成以下几种情况。

  • 激活单选框(radio)或复选框(checkbox)时触发。
  • 用户提交时触发。比如,从下列列表(select)完成选择,在日期或文件输入框完成选择。
  • 当文本框或<textarea>元素的值发生改变,并且丧失焦点时触发。

invalid事件

用户提交表单时,如果表单元素的值不满足校验条件,就会触发invalid事件。(输入框是必填的,如果不填,点击提交按钮时,就会触发invalid事件,取消提交)

reset事件、submit事件

这两个事件发生在表单对象<form>上,而不是发生在表单的成员上。

reset事件当表单重置(所有表单成员变回默认值)时触发。

submit事件当表单数据向服务器提交时触发。注意,submit事件的发生对象是<form>元素,而不是<button>元素,因为提交的是表单,而不是按钮。

 

onfocus获取焦点

blur失去焦点

标签:触发,表单,事件,提交,input,change
来源: https://www.cnblogs.com/skypink/p/15755514.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有