欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

jquery 表单事件

最编程 2024-06-17 20:43:05
...

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