jQuery 事件处理


事件是脚本语言的灵魂,所以没有事件的脚本语言是没有灵魂的………

事件使页面具有了动态性和响应性,木的事件的话就很难实现网站与人的交互

一、页面加载响应事件

$(document)用于获取整个文档的对象,$(document).ready()方法就是等HTML文档加载完成就执行的一个方法。它可以这样写:

$(document).ready(function(){
	//在这里写代码
});

也可以简写为:

$().ready(function(){
	//代码片
});
///////////或//////////////
$(function(){
	//代码片
})

$()不带参数的时候,默认的参数就是document,所以$()$(document)的简写

二、jQuery中的事件

jQuery统一了浏览器中所有事件的名称,下表很长,列出了jQuery中的事件:

注:表格内的参数fn代表function代表可以加一个函数绑定到元素上

方法 说明
blur()/blur(fn) 元素失去焦点时触发元素事件
change()/change(fn) 元素的值改变并失去焦点时触发元素事件
click()/click(fn) 元素单击时触发元素事件
dbclick()/dbclick(fn) 元素双击时触发元素事件
error()/error(fn) JS发生错误时触发元素事件
focus()/focus(fn) 匹配元素获得焦点触发元素事件
keydown()/keydown(fn) 键盘按下触发事件
keyup()/keyup(fn) 按键释放时触发事件
keypress()/keypress(fn) 按下并抬起按键时触发事件
load(fn) 匹配的元素内容完全加载完毕时触发事件
unload(fn) 在元素卸载时触发事件
mousedown(fn) 在元素上按下鼠标时触发事件
mousemove(fn) 鼠标在元素上移动时触发事件
mouseout(fn) 鼠标在元素上离开时触发事件
mouseover(fn) 鼠标移入元素时触发事件
mouseup(fn) 鼠标在元素上按下并松开时触发事件
resize(fn) 当文档的窗口改变大小时触发事件
scroll(fn) 当滚动条发生变化时触发事件
select()/select(fn) 在元素上选中某段文本时触发事件
submit()/submit(fn) 在表单提交时触发事件

三、事件绑定

1、为元素绑定

jQuery中,为元素绑定使用bind()方法,语法格式如下:

bind(type,[data],fn);

其中type是事件类型,data是一个可选参数,作为event.data的值传递给事件对象的额外数据对象,fn就是绑定事件的处理程序。

例如,为一个按钮绑定单击事件:

$("input:button").bind("click",function(){
	alert("你单击了鼠标");
});

2、移除绑定

移除绑定使用unbind()方法,语法格式:

unbind([type],[data])

两个参数第一个参数是元素类型,第二个参数如上述所述的传递的数据,两个参数都是可加不可加的,如果不加参数,将会移除该元素的所有控件。

3、绑定一次性事件处理

绑定一次性的事件处理使用one()方法,语法格式如下:

one(type,[data],fn)
发布了188 篇原创文章 · 获赞 361 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/lesileqin/article/details/104073943