1.jquery位置信息

1  2  3  4     
       5      6     19 20 21     
      
22     23     47 48 

2.回到顶部方法

利用scrollTop 设置属性 0

1  2  3  4     
       5      6     24 25 26     
      
       27         
       
1
28         
       
1
29         
       
1
30         
       
1
31         
       
1
32         
       
1
33         
       
1
34         
       
1
35         
       
1
36         
       
1
37         
       
1
38         
       
1
39         
       
1
40         
       
1
41         
       
1
42         
       
1
43         
       
1
44         
       
1
45         
       
1
46         
       
1
47         
       
1
48         
       
1
49         
       
1
50         
       
1
51         
       
1
52         
       
1
53         
       
1
54         
       
1
55         
       
1
56         
       
1
57         
       
1
58         
       
1
59         
       
1
60         
       
1
61         
       
1
62         
       
1
63         
       
1
64         
       
1
65         
       
1
66         
       
1
67         
       
1
68         
       
1
69         
       
1
70         
       
1
71         
       
1
72         
       
1
73         
       
1
74         
       
1
75         
       
1
76         
       
1
77         
       
1
78 79     
      
80     
      
       回到顶部
      
81     82     97 98 

3.事件流

所谓事件流类似于鼠标单击的时候有三个阶段:

1.事件捕获阶段

2.处于目标阶段

3.事件冒泡阶段

1  2  3  4     
       5      6  7  8     按钮 9     68 69 

3.1关于事件冒泡的问题

由于存在冒泡事件 会使得单击事件由于冒泡问题传递的顺序性发生不受控制的事情,面对这种方法可以使用阻止冒泡来解决更准确的问题

event.preventDefault()阻止默认事件

event.stopPropagation() 阻止冒泡

event.target 事件对象 同 this

这里

event.target 如果没有事件冒泡，指的点击的目标对象 可以显示点击的目标对象

1  2  3  4     
       5      6     13 14 15     16     
      
       17         
       按钮18     
      
19     20     54 55 

4.换肤

利用return false 来解决

1  2  3  4     
       5      6     24 25 26     
      27     换肤28     
      
       29         
       
        30             
        
31                 女神降临32             
33             
        
34                 明星35             
36 37 38             
        收起39 40         
       
41     
      
42         43     71 72 

 

5.事件代理 on

比如在以后项目中新添加一个a 标签在原有ul基础上,可是原来的功能并不适用于这里,所以用到事件代理on()

1  2  3  4     
       5      6  7  8     
      
        9         
       
10             alex11         
12         
       13     
      
14     15     39 40 

6.合成事件

作用:减少代码量

1  2  3  4     
       5      6  7  8     按钮 9     10     33 34 

7.单双击事件 需要控制器来分离单双击

1  2  3  4     
       5      6  7  8     按钮 9     10     31 32 

8.聚焦和失焦

1  2  3  4     
       5      6  7  8      9     10         61 62