我們也都知道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中文網其他相關文章!