input 輸入框的事件觸發及其順序

2022-09-08 19:12:17 字數 1157 閱讀 2968

function g(type,selector)

g("id","field").onkeyup=function()

g("id","field").onkeypress=function()

g("id","field").onkeydown=function()

g("id","field").onfocus=function()

g("id","field").onchange=function()

g("id","field").oninput=function()

g("id","field").onblur=function()

settimeout(function(),2000)

執行結果:

情況一:只點選不輸入(沒有鍵盤事件)

情況二:點選加輸入

onpress之後又出發了oninput事件

情況三:輸入完了,滑鼠離開這個input

觸發了onchange和onblur事件

情況四:複製黏貼!

情況五:通過指令碼新增

總結一下:

1.當你滑鼠點選進去時觸發onfocus(聚焦),離開時觸發onblur(失焦),這兩個當中會觸發onchange事件,也就是聚焦-->失焦有個onchange

2.當往文字框輸入文字時會觸發oninput事件,不管你是鍵盤輸入還是複製黏貼 

3,通過指令碼新增文字,抱歉啥都不會觸發。。。。。

指令碼新增什麼都不會觸發? ie下有乙個方法增加位元組,就會觸發    ----onpropertychange

說說 input 輸入框的事件

從input框獲取焦點到,輸入值,失去焦點這個過程所有事件,以及一些特點 1 過程 onfocus 鍵盤輸入 onkeydown onkeypress onkeyup oninput 失去焦點 onchange onblur 如下,奉上 function handlefocus event func...

input輸入框新增鍵盤事件

1 普通input輸入框新增鍵盤事件,keyup keydown,假設打算按enter鍵。搜尋 type text keyup.enter search 除了那幾個特殊鍵,其餘按鍵的呼叫可以將enter換成對應鍵盤碼即可。2 element ui中input輸入框新增鍵盤事件。搜尋 keyup.en...

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...