jquery语法知识（事件对象）

事件对象

1、event.currentTarget  事件的监听者

2、event.target    事件的目标

	
		
		
		
		
	
			
	

	
click me 
		
	

	
	

效果

     $(function(){
        $("div").on("click",function(e){
            console.log($(e.currentTarget));  //div 事件的监听者
            console.log($(e.target)); //p 事件的目标
            console.log($(this)); 
        })
    })

3、event.delegateTarget  事件的委托者

绑定了当前正在调用jQuery事件处理器的元素，也就是说表示的是当前事件的委托者

    

用on实现一个事件委托的效果

     

 给事件委托者添加样式

    $(function(){
        $("div").on("click","p",function(e){
            console.log($(this).html());
             ($(e.delegateTarget)).css("border","1px solid red");
        })
    })
    

 

4、event.pageX   

X是鼠标相对于文档左边缘的位置

5、event.pageY

Y是鼠标相对于文档上边缘的位置

	
		
		
		
		
	
			
	

	
click me 
		
	

	
	

效果

6、event.type   当前事件类型

    

7、event.preventDefault()   阻止默认事件

 会发现点击后没有跳转到百度页面

  注释后会发现点击后跳转到百度页面

8、event.stopPropagation()     阻止冒泡事件