用戶界面事件：當用戶與頁面的上的元素交互時發生，但不一定與用戶操作有關的事件。

load事件：當頁面加載完畢時在window上觸發，當圖像加載完畢時在ing元素上觸發，等等，頁面完全加載完畢(包括所有圖像，js文件，css等外部文件資源)時觸發，img只要設置了src就會下載

unload事件：當頁面完全卸載時在window上觸發，等等。當一個頁面切換到另一個頁面時就會觸發，經常利用這個事件來清除引用，減少內存的泄露

error：當發生js錯誤時在window上觸發，當圖像無法加載時在img上觸發

abort事件：當用戶停止下載過程時，如果嵌入的內容沒有加載完成，則在object元素上觸發

select：當用戶選擇文本框(input或textarea)中的一或多個字符時觸發

resize：當窗口或框架的大小發生改變時在window上觸發

scroll：當用戶滾動帶滾動條的元素中的內容時，在該元素上觸發

焦點事件：當元素獲得焦點或失去焦點時觸發

blur：失去焦點時觸發，這個事件不會冒泡

focus：獲得焦點時觸發，不冒泡

focusin：在獲得焦點時觸發，但他冒泡，DOM3新增

focusout：在失去焦點時觸發，冒泡

鼠標事件：當用戶通過鼠標在頁面上執行操作時觸發

click：單擊事件，用戶單機鼠標按鈕(一般是左鍵)或按下回車鍵時觸發

dbclick：雙擊事件，當雙擊鼠標時觸發(一般是左鍵)

mousedown：當用戶在按下任意鼠標按鈕時觸發

mouseup：當用戶釋放鼠標按鈕時觸發

mouseenter：在鼠標光標從外部首次(是指每次進入元素，并不是只執行一次)時觸發，而且這個事件不冒泡，而且在光標移到到后代元素上不會觸發(從父區域進入子區域，再從子區域進入父區域是不會觸發的，因為他認為子區域也是他的一部分)

mouseleave：鼠標離開和mouseenter：鼠標進入是一對，剛好相反

mousemove：當鼠標指針在元素內部移時重復的觸發

mouseout：當鼠標指針位于一個元素上方，然后移到到另一個元素上方時觸發，另一個元素可能是外部元素也可能是他的后代元素，因為他不認為后代元素所在的區域是他的一部分

mouseover：鼠標指針進入和mouseout 鼠標指針離開是一對，恰好相反

除了mouseleave和mouseenter之外都會冒泡

click事件只有觸發了mousedown和mouseup之后才會觸發，代表click只有觸發兩次clic才會觸發，如果取消了之前的事件將會不觸發

鼠標事件都是在瀏覽器視口中的特定位置發生的，可以通過事件的屬性獲取到。

坐標位置：

視口區(客戶區)坐標位置：clientX和clientY可以獲取到位置信息。所有瀏覽器都支持這兩個屬性，是相對于瀏覽器的視口而不是頁面而言的，不包括地址欄等

頁面坐標位置：pageX和pageY，相對于頁面而言，ie8及更早版本不支持這兩個屬性，不過我們可以計算出來

event.clientX+(document.body.scrollLeft + document.documentElement.scrollLeft)

event.clientY + (document.body.scrollTop + document.documentElement.scrollTop)

屏幕坐標位置：相對于整個電腦屏幕，screenX和screenY

滾輪事件：當使用鼠標滾輪(或類似事件)時觸發

mousewheel：跟蹤鼠標滾輪或筆記本觸摸板

文本事件：當在文檔中輸入時觸發

textinput：在文本顯示給用戶之前更容易攔截文本，是對keypress的補充

可編輯區輸入字符鍵才可以出發

ie9才支持，firefox不支持

鍵盤事件：當用戶通過鍵盤在頁面上執行操作時觸發

keydown：用戶按下鍵盤上的任意鍵時觸發，而且按住不放的話，會重復觸發此事件

keypress：用戶按下鍵盤上的字符鍵時觸發，而且按住不放的話，會重復觸發此事件，按下esc也會觸發

keyup：用戶釋放鍵盤上的鍵時觸發

所有元素都支持這三個事件

keydown-》keypress-》textinput-》keyup

keyup和keydown的event有個keycoe屬性，代表鍵盤碼，與ASCII相對應

移動端-小程序事件：

touchstart: 當手指觸摸屏幕的時候出發

touchmove： 當手指在屏幕移動的時候

touchend： 手指離開屏幕的時候觸發

touchcancel:? 當被迫中止滑動的時候觸發(彈消息，來電等等)；

tap：手指觸摸后離開(點擊)

longtap: 手指觸摸后后，超過350ms離開

事件綁定的寫法同組件的屬性，以 key、value 的形式。

key 以bind或catch開頭，然后跟上事件的類型，如bindtap,?catchtouchstart

? ? ? ? ? ? ? ? ? ? 達內 萬壽路 東神

總結

以上是生活随笔為你收集整理的qgraphicsitem鼠标移动事件阻塞_常用的DOM事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。