JavaWeb课程系列

6．jquery事件

6.1常见事件列表

事件详情参见jquery文档

blur([[data],fn]) 

change([[data],fn]) 

click([[data],fn]) 

dblclick([[data],fn]) 

error([[data],fn]) 

focus([[data],fn]) 

focusin([data],fn) 

focusout([data],fn) 

keydown([[data],fn]) 

keypress([[data],fn]) 

keyup([[data],fn]) 

mousedown([[data],fn]) 

mouseenter([[data],fn]) 

mouseleave([[data],fn]) 

mousemove([[data],fn]) 

mouseout([[data],fn]) 

mouseover([[data],fn]) 

mouseup([[data],fn]) 

resize([[data],fn]) 

scroll([[data],fn]) 

select([[data],fn]) 

submit([[data],fn]) 

unload([[data],fn]) 

6.2事件绑定

1）使用事件对应的函数进行绑定

如：$(“#btn”).click(function(){

alert(“我被点击啦！”);

})

2）使用bind()绑定事件：用法：元素.bind(事件名,[参数],回调方法)

如：$("p").bind("click", function(){

   alert( $(this).text() );

});

可以绑定多个事件，多个事件用空格隔开

如：$('#foo').bind('mouseenter mouseleave', function() {

   $(this).toggleClass('entered');

});

3）绑定一个一次性的事件，事件只会触发一次。one()；

如：$("p").one("click", function(){

   alert( $(this).text() );

});

4）为当前的对象以及以后创建的对象都绑定此事件

如：$("p").live("click", function(){

    alert(“我是p！”);

});

6.3解除绑定

使用unbind()方法解除事件绑定。

• 不传参数，取消当前元素的所有事件

如：$("p").unbind()

2）传递参数，取消某个事件

如：$(“p”).unbind(“click”)

3）传递多个参数，用空格隔开：取消一组事件

如：$(“p”).unbind(“click mouserover”);

6.4事件冒泡

例子：

<div>

<p>你好<p>

<div>

为div和p同时绑定点击事件。当点击p的时候，div的点击事件也会被触发

$(“div”).click(function(){alert(“我是div”)});

$(“p”).click(function(){alert(“我是p”)});

当我们点击p的时候,先弹出我是p，又弹出我是div。

阻止事件冒泡：

return  false；即可。