與Flex相似,JavaScript中的事件也一樣存在,捕獲--觸發--冒泡 三個節點.比較常見的狀況是,在子DIV觸發事件時,若是父DIV也監聽同類事件,那麼也會一塊兒觸發,並向上冒泡html
jQuery對事件監聽函數,都會默認傳遞一個參數,通常命名爲event或e(非必須,也能夠任意命名)函數
e,event參數中支持下列屬性:
event.stopPropagation(); 中止事件冒泡的方法
event.preventDefault(); 阻止默認行爲--如超連接的跳轉spa
更簡單的方式:
return false,對上面兩種都起一樣的做用orm
event.type ---事件的類型,如click
event.target---事件的html元素對象
event.relatedTarget() --如在mouseover事件觸發時,相關的元素,如另一個mouseout元素
event.pageX()/event.pageY() --相對於頁面的x,y座標
event.which() --獲取與事件相關的鍵盤或鼠標的按鍵值
event.metaKey()--判斷事件是否包含ctrl按鍵
event.originalEvent()--指向原始的事件對象htm