input相關事件

2022-03-16 20:58:07 字數 641 閱讀 3969

1.onfocus  當input 獲取到焦點時觸發

2.onblur  當input失去焦點時觸發,注意:這個事件觸發的前提是已經獲取了焦點再失去焦點的時候會觸發相應的js

3.onchange 當input失去焦點並且它的value值發生變化時觸發

4.onkeydown 在 input中有鍵按住的時候執行一些**

5.onkeyup 在input中有鍵抬起的時候觸發的事件,在此事件觸發之前一定觸發了onkeydown事件

6.onclick  主要是用於 input type=button,當被點選時觸發此事件

7.onselect  當input裡的內容文字被選中後執行一段,只要選擇了就會觸發,不是非得全部選中

8.oninput  當input的value值發生變化時就會觸發,不用等到失去焦點(與onchange的區別)

以上事件可以直接放到input的屬性裡,例如:,也可以通過js給input dom元素新增相應的事件,如:document.getelementbytagname('input').onfocus = function();

9:有的時候checkbox太小,可以通過zoom來改變大小;例如:input[type="checkbox"];

原文摘自:

Input的按鍵事件

onkeydown 當按鍵按下會觸發的事件,當需要特定的按鍵按下,可以使用if event.keycode 這裡的?就是 keycode 的碼,可以檢視 根據對照表,找到自己需要的keycode碼 填入?處 例如if event.keycode 13 jump keycode碼的 13是回車,當這個...

input事件監聽輸入法事件

在input輸入框輸入中文時,需要即時 查詢出匹配 輸入內容的結果,一般我們會使用input事件監聽使用者輸入事件,但是在輸入漢語 拼 音時,也會觸發input事件,前端就會不斷傳送請求,導致無法正常拼寫中文。var flag false ajax input on compositionstart...

各種input相關操作

1.radio 選擇被選中的radio input radio checked 2.select 選中指定value的option select name select1 value 1 attr selected true 注意上面 中有空格 3.checkbox 選中制定value的checkb...