首頁 > web前端 > js教程 > 主體

對JavaScript中的事件的分類

韦小宝
發布: 2018-03-09 17:22:10
原創
1331 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板