滑鼠與按鍵 事件觸發順序

2021-08-07 06:53:47 字數 567 閱讀 6750

var txt = document.queryselector('#txt');

txt.onmousedown = function()

txt.onmouseup = function()

txt.onfocus = function()

txt.onclick = function()

txt.onkeydown = function()

txt.onkeyup = function()

txt.onchange = function()

txt.oninput = function()

事件觸發順序:

mousedown

focus

mouseup

click

keydown

input(文字框內容改變,輸入或者刪除都會觸發)

keyup

change(文字框失去滑鼠焦點,並且內容改變時觸發)

注:搜狗輸入法,當輸入漢字,拼音在文字框顯示下劃線狀態,也會觸發keydown,input,keyup事件。

滑鼠與按鍵 事件觸發順序

事件觸發順序 之前研究過input文字框的事件觸發順序,今天突然想起來,就做個總結。type text name id txt var txt document.queryselector txt txt.onmousedown function txt.onmouseup function txt...

滑鼠相關事件觸發時間與順序

為了徹底弄清滑鼠相關事件觸發時間與順序,寫了個程式輸出滑鼠操作資訊,這裡做個記錄,作為備忘。輸出格式 時間tick 事件 1 單擊操作 4022516 mousedown 4022626 click 4022626 mouseup 2 雙擊操作 4026401 mousedown 4026495 c...

獲取滑鼠按鍵事件

獲取滑鼠按鍵事件 方法一 最徹底有效的 window.oncontextmenu function 方法二 有缺陷的,不能少alert window.onmousedown function 說明 event.button 0 沒按鍵 event.button 1 按左鍵 event.button ...