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");
		    });

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏拂晓风起

jQuery中this与$(this)的区别

12820
来自专栏前端说吧

Vue-组件嵌套之——父组件向子组件传值

52090
来自专栏xingoo, 一个梦想做发明家的程序员

CListBox

CListBox 一:词条简介 CObject←CCmdTarget←CWnd←CListBox CListBox类提供Windows列表框的功能。列表框显...

19180
来自专栏从零开始学自动化测试

appium+python自动化30-list定位(find_elements)

前言 有时候页面上没有id属性,并且其它的属性不唯一,平常用的比较多的是单数(element)的定位方法,遇到元素属性不唯一,就无法直接定位到了。 于是我们可...

52070
来自专栏进击的君君的前端之路

jQuery选择器、Dom操作、样式、事件处理

16930
来自专栏跟着阿笨一起玩NET

display:none与visible:hidden的区别

display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:

8910
来自专栏前端儿

简单的鼠标可拖动DIV 兼容IE/FF

一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)

16210
来自专栏知道一点点

bootstrap快速入门笔记(六)-代码

一,内联代码<code>:For example, <code>&lt;section&gt;</code> should be wrapped as inli...

8720
来自专栏Android干货

小程序实践(十):textarea实现简单的编辑文本界面

14020
来自专栏技术博客

Knockout.Js官网学习(click绑定)

click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意...

11420

扫码关注云+社区

领取腾讯云代金券