jquery 表单事件
时间:2022-04-23
本文章向大家介绍jquery 表单事件,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
.blur()
当元素失去焦点的时候触发事件。
.blur(handler(eventObject))
handler(eventObject)
每当事件触发时候执行的函数。
.blur([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
}); 当输入域失去焦点 (blur) 时改变其颜色:
.change()
当元素的值发生变化时,会触发此事件,该事件仅用于text field textarea 和 select
.change(handler)
handler
每当事件触发时执行的函数。
.change([eventData,handler])
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler
每当事件触发时执行的一个函数。
.change()
这个方法不接受任何
用法:
$("textarea").change(function(){
$(this).css("color","red");
});
.focus()
当元素获得焦点的时候触发的事件。
.focus(handler(eventObject))
handler(eventObject)
每当事件触发时候执行的函数。
.focus([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
用法:
$("input").focus(function(){
$("input").css("background-color","#FFFFCC");
});
.select()
当触发select 事件时执行函数。
.select(handler(eventObject))
handler(eventObject
每当事件触发时候执行的函数。
.select([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("input").select(function(){
$("input").after(" Text marked!");
});
.submit()
当提交表单时会触发此函数。
.submit(handler(eventObject))
handler(eventObject
每当事件触发时候执行的函数。
.submit([eventData],handler(eventObject))
eventData
一个对象,它包含的数据键值对映射将被传递给事件处理程序。
handler(eventObject)
每当事件触发时执行的函数。
效果:
$("form").submit(function(e){
alert("Submitted");
});
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 小程序组件开发 -- 疫情动态
- 超干货!为了让你彻底弄懂MySQL事务日志,我通宵肝出了这份图解!
- Tomcat 的使用及原理分析(IDEA版)
- 面试了个30岁的程序员,让我莫名其妙的开始慌了
- GitLab CI + Docker 持续集成操作手册
- centos7 如何安装与使用 Anaconda
- Launcher 启动 activity 流程
- 【每日一题】29. Divide Two Integers
- Ubuntu19.1 中 GitLab 的安装配置与卸载
- Linux 中的存储结构与磁盘划分
- Linux 中用户与权限管理
- Netty入门教程——认识Netty
- 14.VBA处理xml文件
- 一文带你理解Spring Cloud高并发微服务架构核心理念的五脏六腑
- Ubuntu设置定时任务——每10秒钟执行一次命令(修改文件权限)