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来获得发生事件时鼠标在页面的坐标。