jQuery常用事件总结

前端技术

时间：2015-06-06 阅读：次 QQ群：182913345

1、blur()

blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开行为。

$("p").blur(function(){
	alert("Hello World!"); 
});

2、change()

change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。

$("input[type='text']").change(function(){
	//这里可以写些验证代码
});

3、click()

click事件会在点击元素时候触发。

$("p").click(function(){ 
	$(this).hide(); 
});

4、dblclick()

dblclick事件会在双击元素时候触发。

$("p").dblclick(function(){ 
	alert("Hello World!"); 
});

5、focus()

可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。

$("input[type=text]").focus(function(){
	this.blur();
});

6、keydown()

keydown事件会在键盘按下时触发。

$(window).keydown(function(event){
	switch(event.keyCode) {
		// 不同的按键可以做不同的事情
		// 不同的浏览器的keycode不同
	}
});

7、mousemove()

mousemove事件通过鼠标在元素上移动来触发。

$(document).mousemove(function(e){
	$("span").text(e.pageX + ", " + e.pageY);
});

8、resize()

当文档窗口改变大小时触发。

$(window).resize(function(){
	$('span').text(x+=1);
});

9、scroll()

当滚动条发生变化时触发。

$("div").scroll(function(){
	$("span").text(x+=1);
});

10、select()

触发每一个匹配元素的select事件。

$(":text").select(function(){ 
	/* ...do something... */ 
});

PHP技术分享