12JQuery笔记----------------------JQuery中的事件

 1 1、(*)JQuery中的事件绑定：
 2     $(“#btn”).bind(“click”,function(){})，每次都这么调用太麻烦，
 3     所以jQuery可以用$(“#btn”).click(function(){})来进行简化。unbind
 4     
 5     
 6 2、 mouseover、mouseenter的区别：div里套div。见备注。和事件冒泡有关系。
 7 
 8 
 9 3、 (*)合成事件hover，hover(enterfn,leavefn)，当鼠标放在元素上时调用enterfn方
10     法，当鼠标离开元素的时候调用leavefn方法。
11     
12     
13 4、 事件冒泡：JQuery中也像JavaScript一样是事件冒泡
14     阻止事件冒泡的方法是：return false;
15     如果想获得事件相关的信息，只要给响应的匿名函数增加一个参数：e，e就是事件对象。调用事件对象的stopPropagation()方法终止冒泡。e.stopPropagation();
16     $("tr").click(function(e) { alert("tr被点击"); e.stopPropagation(); });//注意函数的参数是e阻止默认行为：有的元素有默认行为，比如超链接点击后会转向新链接、提交按钮默认会提交表单，如果想阻止默认行为只要调用事件对象的preventDefault()方法和Dom中的window.event.returnValue=false效果一样。$("a").click(function(e) { alert("所有超链接暂时全部禁止点击");
17     e.preventDefault(); });
18     
19 5、toggle（function（）{}）方法，在页面导入的时候自动执行。注册多个事件的时候会
20     依次执行。        
21     
22 6、属性：pageX、pageY、target获得触发事件的元素(冒泡的起始，和this不一样)、which如果是鼠标事件获得按键        （1左键，2中键，3右键）。altKey、shiftKey、ctrlKey获得alt、shift、ctrl是按下，为bool值。keyCode        、charCode属性发生事件时的keyCode（键盘码，小键盘的1和主键盘的keyCode不一样）、charCode（ASC码）        。
23 
24 
25 7、移除事件绑定：bind()方法即可移除元素上所有绑定的事件，如果unbind("click")则只移除click事件的绑定。        bind:+=；unbind:-=一次性事件：如果绑定的事件只想执行一次随后立即unbind可以使用one()方法进行事件        绑定.
26 
27 
28 8. $(‘#btn‘).click({ "name": "小马" }, function (eee) {
29                 alert(eee.data.name);
30             });
31     在创建方法的时候可以传入一个参数，可以通过参数.出来。
32 9、1、(*)JQuery中的事件绑定：
33     $(“#btn”).bind(“click”,function(){})，每次都这么调用太麻烦，
34     所以jQuery可以用$(“#btn”).click(function(){})来进行简化。unbind
35     
36     
37 2、 mouseover、mouseenter的区别：div里套div。见备注。和事件冒泡有关系。
38 
39 
40 3、 (*)合成事件hover，hover(enterfn,leavefn)，当鼠标放在元素上时调用enterfn方
41     法，当鼠标离开元素的时候调用leavefn方法。
42     
43     
44 4、 事件冒泡：JQuery中也像JavaScript一样是事件冒泡阻止事件冒泡的方法是：return false;
45     如果想获得事件相关的信息，只要给响应的匿名函数增加一个参数：e，e就是事件对象。
46     调用事件对象的stopPropagation()方法终止冒泡。e.stopPropagation();
47     $("tr").click(function(e) { alert("tr被点击"); e.stopPropagation(); });
48     //注意函数的参数是e阻止默认行为：
49     有的元素有默认行为，比如超链接点击后会转向新链接、提交按钮默认会提交表单，
50     如果想阻止默认行为只要调用事件对象的preventDefault()方法和Dom中的window.event.returnValue=false效果一样。$("a").click(function(e) { alert("所有超链接暂时全部禁止点击");
51     e.preventDefault(); });
52     
53 5、toggle（function（）{}）方法，在页面导入的时候自动执行。注册多个事件的时候会依次执行。        
54     
55 6、属性：pageX、pageY、target获得触发事件的元素(冒泡的起始，和this不一样)、
56     which如果是鼠标事件获得按（1左键，2中键，3右键）。
57     altKey、shiftKey、ctrlKey获得alt、shift、ctrl是按下，
58     为bool值。keyCode、charCode属性发生事件时的keyCode
59     键盘码，小键盘的1和主键盘的keyCode不一样）、charCode（ASC码）。
60 
61 
62 7、移除事件绑定：bind()方法即可移除元素上所有绑定的事件，
63     如果unbind("click")则只移除click事件的绑定。
64     bind:+=；unbind:-=一次性事件：如果绑定的事件只想执行一次随后立即unbind可以使用one()方法进行事件绑定：
65 
66 
67 8. $(‘#btn‘).click({ "name": "小马" }, function (eee) {
68                 alert(eee.data.name);
69             });
70     在创建方法的时候可以传入一个参数，可以通过参数.出来。
71 
72 
73 9、获得发生事件时鼠标的位置
74      $(document).mousemove(function(e) {document.title = e.pageX + "," + e.pageY;});在mousemove、click等事件的匿名响应函数中如果指定一个参数e，那么就可以从e读取发生事件时的一些信息，比如对mousemove等鼠标事件，就可以读取e.pageX、e.pageY来获得发生事件时鼠标在页面的坐标。