對JavaScript中的事件的分類

我們也都知道JavaScript中的事件是有很多種，而且還很常用，重要的是還不好記住，寫到JavaScript事件的時候就看一次，找的時候還不是很好找，這很頭痛了，那麼我們就來對JavaScript中的事件進行一下分類

滑鼠點擊事件 
mousedown、mousemove、mouseout、dblclick(雙擊)、contextmenu(右鍵選單)

滑鼠滾輪事件mousewheel 
滾輪事件，適用於IE /Googlesafari，DOMMouseScroll–>火狐私有的滾輪事件，只能用addEventListener()方式綁定。 
e.wheelDelta > 0表示滾輪向上。 e.wheelDelta < 0表示滾輪向下。 e.detail<0表示滾輪向上，e.detail>0表示滾輪向下,火狐私有。

鍵盤事件 
keypress、keydown、keyup 
keydown可以偵測到鍵盤所有，包含實體鍵，已經輔助鍵【ctrl,shift, alt,f1…】 
keypress只能偵測到實體鍵【字符，字母，數字，符號，空格】,並且可以偵測出字母大小寫，偵測你所按的鍵e.keyCode

#觸控螢幕事件 
touchstart,手指按下螢幕觸發 
touchmove,手指在螢幕上滑動 
touchend,手指離開螢幕觸發 
touchcancel,觸螢幕事件取消 

動畫事件
#縮放pinchstart 縮放手勢起點 
pinchend 縮放手勢終點 
pinch 縮放手勢 
# pinchin 收縮 
pinchout 放大 
旋轉rotateleft 向左旋轉 
rotateright 向右旋轉 
rotate 旋轉 
滑動swipestart 滑動手勢起點 
swiping 滑動中 
ipeend 滑動手勢終點#swipeleft 向左滑動 
swiperight 向右滑動 
swipeup 向上滑動 
swipedown 向下滑動 
swipe 滑動 
拖曳開始dragstart 拖曳螢幕 
拖曳dra 
拖曳結束dragend 拖曳螢幕 
拖曳drag 拖曳手勢 
長按hold 長按螢幕 
敲擊tap 點選畫面

#表單事件
onchange[表單下拉清單元素改變時]， oninput[文字方塊輸入時] 
onsubmit[表單提交時]

onfocus[取得焦點] onblur[失去焦點]

事件綁定的兩種方式。 on和addEventListener() 

1、on事件綁定 透過on這種方式綁定的事件可以透過，可以透過設定為NULL來移除。 
on事件只能加入到事件的冒泡階段。

2、addEventListener() 透過addEventListener(type,handle,boolean)這種方式綁定的事件可以透過removeEventListener(type,handle,boolean)來
移除事件。 boolean為false綁定到事件的冒泡階段。為true綁定到事件的捕捉階段。

事件冒泡與捕捉 
阻止冒泡： 透過on這個方式綁定的事件，使用e .cancelBubble = true; 
addEventListener 使用e.stopPropagation()阻止事件傳播

阻止預設事件 1、return false； 
#2、event.preventDefault；

這可能不是最詳細的，但這都是最常用的。

以上是對JavaScript中的事件的分類的詳細內容。更多資訊請關注PHP中文網其他相關文章！