JavaWeb课程系列

6jquery事件

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;即可。


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)