作者:老薛      撰写时间:2019年7月23日

change事件是jQuery表单事件。在<input>元素中,<textarea>和<select>元素的值都是可以发生改变的,开发者可以通过change事件去监听这些改变的动作。接下来我先说它的元素,它的元素分为三种:input元素、select元素、textarea元素。

1.input元素:

监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。

2.select元素:

对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发。

3.textarea元素:

多行文本输入框,当有改变时,失去焦点后触发change事件。

然后到input标签的change事件,大家先看下面这张截图1:

图1

大家也看到图1,它里面的e为事件,事件是用来记录一些事件发生时的相关信息的对象。事件只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件就被销毁。

然后我们在到select事件,select事件也是jQuery表单事件。而它的定义为:当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件。这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

select事件只能用于<input>元素与<textarea>元素。最后我们看下面这张截图2,也就是上面我所说select事件的内容:

图2

change事件与select事件相关推荐

  1. select事件有哪些_Android 深入底层:Linux事件管理机制 epoll

    在linux 没有实现epoll事件驱动机制之前,我们一般选择用select或者poll等IO多路复用的方法来实现并发服务程序.在linux新的内核中,有了一种替换它的机制,就是epoll. sele ...

  2. transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段

    transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...

  3. SRPG游戏开发(六十)第十一章 地图动作与地图事件 - 九 触发事件与切换回合(Trigger Events and Change Turn)

    返回<SRPG游戏开发>导航 第十一章 地图动作与地图事件(Map Action and Map Event) 我们已经有了剧本,而且可以运行剧本,但我们还缺少对地图的操作控制. 我们这一 ...

  4. 事件模型、事件流(冒泡与捕获)、事件代理

    本文原链接:https://www.cnblogs.com/hngdlxy143/p/9068282.html https://www.jb51.net/article/139997.htm 事件模型 ...

  5. 50 jQuery绑定事件 阻止默认事件发生 内置动画 each data

    主要内容 1  阻止后续事件继续执行 return false:  常用于表单提交 event.preventDefault : 阻止默认事件发生 <body> <form acti ...

  6. JS-图片其他事件-Event对象-事件委托-DOM对象

    JS-图片其他事件-Event对象-事件委托-DOM对象 1 回顾 1. 事件回调函数中 this 的指向2. 鼠标事件click dblclick contextmenumouseenter mou ...

  7. JavaScript事件与JQuery事件

    JavaScript JQuery <script> function display(){    alert("段落被点击了.");   } </script& ...

  8. Web基础——JavaScript之事件绑定与事件对象

    目录 1.事件的绑定 2.事件的绑定(注意事项) 3.失去焦点和获得焦点 4.键盘事件 5.鼠标事件 6.表单事件 7.页面加载事件 8.下拉框事件 9.事件对象 10.currentTarget和t ...

  9. web前端学习笔记26-事件类型——一般事件、页面事件、表单事件

    一.事件类型的分类 事件分为一般事件.页面事件和表单事件 二.一般事件 关键字 释义 关键字 释义 click 单击事件 dblclick 双击事件 mousemove 鼠标移动事件 mouseove ...

最新文章

  1. 怎么定义list_常用的List接口下集合
  2. 明明白白你的Linux服务器——安全篇
  3. 直播预告丨告别后知后觉的指标波动,神策智能预警分析直播来袭
  4. java 正则提取及替换字符串
  5. Windows MinGW cmake 安装编译Opencv 3.4.3 C++开发环境
  6. 《代码大全》阅读笔记-5-软件构建中的设计
  7. Python心得--新手开发注意
  8. 【华为云技术分享】处理器存储模型概述(1)
  9. 程序员数学(0)--序言
  10. access实验报告体会_Access2010实验报告
  11. R语言使用strsplit函数按照指定的分隔符号进行数据拆分、分裂(split)、分割后的数据类型为列表
  12. 初探Flowable流程引擎,偶遇多实例子流程
  13. VMware ESXI 下虚拟机时间问题
  14. pythonmathcot函数_math库是python语言的数学模块吗_Python中的数学模块:Math和Cmath
  15. clickhouse集群容器化搭建
  16. 屏幕录制:4Easysoft Screen Recorder Mac中文版
  17. AI VS 好莱坞?新时代电影工作流;MJ制作微信表情包的麻瓜教程;关于ControlNet的一切;AI创业真钱景 | ShowMeAI日报
  18. 开源激光SLAM项目BLAM-----1
  19. 动态规划算法思想解决找零钱问题
  20. 写给33岁的自己:为之奋斗一生的事业

热门文章

  1. 一加账号app_一加天气APP发布 氢OS将会尊重原生态
  2. svg制作画笔画直线
  3. 联想小新笔记本换A壳注意点
  4. 浙大c语言在线编辑,(翁恺)C语言程序设计-浙江大学
  5. [玩转UE4/UE5动画系统>应用篇>功能模块] 之 布娃娃系统(ALS V4实现方案详解)
  6. Warning: Function state mutability can be restricted to pure...
  7. Blog小技巧之五-在Blog上添加邮件图标
  8. amp;#9733;《唐琅探案》后记【1】
  9. 福建师范计算机应用基础考试内容,关于印发《福建师范大学 课程教学改革实施方案(试行)》的通知...
  10. VMware虚拟机上网设置