>[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() 則只阻止事件往上冒泡，不阻止事件本身。**