JS事件小結2

2021-08-25 16:31:41 字數 789 閱讀 3564

4.事件型別

dom2規定了5種事件

ui事件:在使用者與頁面上的元素互動時觸發

滑鼠事件:當使用者通過滑鼠在頁面上執行操作時觸發

鍵盤事件:當使用者通過鍵盤在頁面上執行操作時觸發

html事件:當瀏覽器視窗發生變化或特定的c/s互動時觸發

變動:當底層dom結構發生時觸發

滑鼠事件

觸發順序: mousedown->mouseup->click->mousedown->mouseup->click->dblclick

mouseout:移除乙個元素時觸發

mouseover:首次一入到乙個元素時觸發

mousemove :在元素內部移動時觸發

客戶區座標位置 clientx clienty

螢幕座標位置    screenx screeny

修改鍵:shiftkey ctrlkey altkey metakey

鍵盤事件

keydown->keyup-> keypress

1.鍵碼

keycode屬性的值與ascii碼中對應小寫字母或數字的編碼相同。

2.字元編碼

charcode只有在發生keypress事件時才包含值

3.textinput事件

在可編輯區輸入字元時,觸發事件。他的event物件包含乙個data屬性。

html事件

load,unload,abort,error,select···

變動事件

domsubtreemodified,domnoderemoved,···

JS事件小結1

1.事件流 描述的是從頁面接收事件的順序。ie是事件冒泡流 事件開始時由最具體的元素接收,然後逐級向上傳播到不具體的節點。safari,chrome,firefox,opera會將事件一直冒泡到window物件。netscape是事件捕獲流 在事件到達預定目標之前捕獲它。safari,chrome,...

JS事件模型小結

三種事件模型 原始事件模型 dom0 dom2事件模型,ie事件模型 不同點 事件程式的註冊 給html元素所對應的js物件繫結事件 事件傳播的過程 事件模型的註冊 一 原始事件模型 沒有相容性問題 原始事件模型的特點 事件型別上面有on onclick 沒有事件的傳播 事件一旦發生就立刻呼叫事件控...

Qt拖拽事件小結

這裡拿前段時間遇到的乙個問題來講解一下對於拖拽事件的以及qt部件的一些理解。左側有兩個qtextedit,右側是乙個qlistwidget,裡面列舉了一些顏色名稱,想要實現的拖拽動作是通過點選拖拽右側qlistwidget中的內容,拖放到左側的qtextedit中。實現思路有兩種,第一種,繼承qte...