>[danger] 常用事件 | 页面事件 | | | --- | --- | | ` load()` | 当页面载入完毕后触发 | | ` blur()` | 当失去焦点时触发 | | ` change()` | 当状态发生改变时触发 | | ` cilck()` | 当鼠标单击时触发 | | ` dbcilck()` | 当鼠标双击时触发 | | ` focus()` | 当获取焦点时触发 | | ` keydown()` | 当键盘按下时触发 | | ` keyup()` | 当键盘弹起时触发 | | ` unload()` | 当页面关闭时触发 | | `mousedown()` | 当鼠标按下时触发 | | `mouseup()` | 当鼠标弹起时触发 | | `Mouseover()` | 当鼠标移入时触发 | | `Mouseout()` | 当鼠标移出时触发 | >[danger] 普通事件 ~~~ $('选择器').click(function(){ 代码 }); ~~~ >[danger] 复合事件 ~~~ $('选择器').click(function(){ 代码 },function(){ 代码 }); ~~~ >[success]Eg： ~~~ $('选择器').toggle(function(){ //奇数次点击触发的操作 },function(){ //偶数次点击触发的操作 }) //Toggle：对于同一个对象，奇数次点击触发第一个操作，偶数次点击触发第二个操作 ~~~ >[danger] 事件对象 **Bind("事件名称","事件处理程序") //给指定的对象绑定一个事件** ~~~ $('选择器').bind("事件名称",function(){ 代码 }) ~~~ **Unbind("事件名称") //解除已绑定的事件** ~~~ $('选择器').Unbind("事件名称") ~~~ >[success]Eg： ~~~ $('选择器').bind("click",function(){ alert('1'): $('选择器').Unbind("click"); }) ~~~ **Live：向一个还未设置的元素绑定一个事件** ~~~ 未来jq对象.live("事件名称",function(){ 代码 }) ~~~ >[danger] 阻止冒泡事件 ~~~ $("#div1").mousedown(function(event){ event.stopPropagation(); }); //在需要阻止的事件里面添加函数 event.stopPropagation(); 即可； ~~~ >[danger] 阻止默认事件(类似停止a标签跳转等行为) ~~~ $("#div1").mousedown(function(event){ return false； }); ~~~ >[info]**return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。**