jQuery事件监听

jQuery事件监听

实现jQuery事件的四个要素如下所示：

1）触发事件的目标元素

2）触发事件的名称（即事件类型）

3）事件触发时的回调（即事件处理函数）

4）事件对象（即event）

举个栗子来解释它的格式：

$('#targrt').on('click',function(event){
    console.log('target');  //被点击了
    $('body').css('backgroundColor','#ff0');
});

$('#targrt')--------为事件目标元素

on------------------事件监听函数

click--------------事件监听类型名称

event-------------事件对象

function---------事件回调函数

 

再来说说这个event与DOM的event的区别

jQuery事件对象是对JS原生事件的封装，相比具有下面两个特点：

1）做到了浏览器兼容

2）增加了好用的属性和方法

 

怎样阻止默认事件和冒泡事件

代码如下所示：

$('#targrt').on('click',function(event){
    console.log('target');  //被点击了
    $('body').css('backgroundColor','#ff0');
    return false;
});

没错就是这么简单，只需在回调函数中加入： return  false;即可

 

本博客由作者原创，如需转载请注明出处！！