input輸入框使用onkeypress實現回車啟動按鈕事件,另注:onkeypress、onkeyup與onkeydown的區別
在做專案的過程中,經常會遇到,在input輸入框中敲回車就可是搜尋、登入或者是其他的一些事件,那麼我覺得最簡單的就是在input中加入這麼一句程式碼:
onkeypress="if(event.keyCode==13){
login();//要執行的方法
}"
在這邊我也總結一下onkeypress、onkeyup與onkeydown的區別:
onkeypress是在使用者按下並放開任何字母數字鍵時發生。系統按鈕(例如,箭頭鍵和功能鍵)無法得到識別,在手指放下至離開時,只調用一次;
onkeyup 是在使用者放開任何先前按下的鍵盤鍵時發生。系統按鈕(例如,箭頭鍵和功能鍵)無法得到識別,在手指放下至離開時,只有離開的時候呼叫;
onkeydown 是在使用者按下任何鍵盤鍵(包括系統按鈕,如箭頭鍵和功能鍵)時發生,在手指放下至離開時,會一直呼叫;
另外附上一份Keycode的對照表
相關推薦
input輸入框使用onkeypress實現回車啟動按鈕事件,另注:onkeypress、onkeyup與onkeydown的區別
在做專案的過程中,經常會遇到,在input輸入框中敲回車就可是搜尋、登入或者是其他的一些事件,那麼我覺得最簡單的就是在input中加入這麼一句程式碼: onkeypress="if(event.key
input輸入框數字限制(2位小數,含0的正整數)
小弟因為長期從事後臺服務端開發。對頁面越來越生疏。。近期領導就要求修改一個後臺管理端。是關於input輸入限制的金額得。。腦闊疼。。好不容易寫出來,還是前端人員幫忙寫的。趕緊記錄下。以後要好好研究一下正則怎麼寫。。。 首先,顯示2位小數,必須輸入2位小數。0.00可過,0.12可過,0123.11不可過&n
移動端 input 輸入框實現自帶鍵盤“搜索“功能並修改X
cancel 文字 webkit 自動 border search 輸入 func 不同 主要利用html5的,input[type=search]屬性來實現,此時input和type=text外觀和功能沒啥區別; html代碼入下: <form action=""
vue中input輸入框的模糊查詢實現
catch let ear ext 模糊 通過 then .data words 最近在使用vue寫webapp在,一些感覺比較有意思的分享一下。 1:input輸入框: <input class="s-search-text" placeholder="猜你喜歡我
css實現發光的input輸入框
none 兼容 charset ima 瀏覽器兼容 bubuko margin oct info 效果圖截圖: 案例代碼示下: <!DOCTYPE html> <html> <head> <meta ch
input輸入框點邊框顯示問題/好看的按鈕收藏
border:none;邊框會隱藏,但點選輸入框會顯示。 想要點選不顯示,還得加上outline:none; 以下是一個個人覺得漂亮的按鈕。 .botton { width: 130px; height: 40px;
js實現input輸入框只能輸入數字的功能(完美測試通過)
<input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" /> function keyPress() { var k
input輸入框設定type=number時,去掉後面的上下按鈕
input type=number時,去掉後面的上下按鈕 在style裡面新增此段程式碼即可 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -w
純 CSS3 實現漂亮的 input 輸入框
分享一個用純 CSS3 實現的,漂亮的 input 輸入框動畫樣式庫-Text input love。 點選每個輸入框都用不同的動畫效果,始終顯示標籤label,並顯示 placeholder(佔位符)文字。 演示地址:https://codepen.io/M
jQuery實現當select下拉框內容變化時,input輸入框內容隨之變化
今天實現了一個功能,當select下拉框中的內容發生變化時,input輸入框中的內容隨之發生變化,具體實現方法如下: //繫結change事件,當下拉框內容發生變化時啟動事件 $("#wlms")
vue 如何實現 Input 輸入框模糊查詢方法
原理:原生js的indexOf() 方法,該方法將從頭到尾地檢索陣列,看它是否含有對應的元素。開始檢索的位置在陣列 start 處或陣列的開頭(沒有指定 start 引數時)。如果找到一個 item,則返回 item 的第一次出現的位置。開始位置的索引為 0。 如果在陣列中沒找到指定元素則返回 -1。 下
jquery實現input輸入框實時輸入觸發事件
此文為轉載: [html]view plaincopyprint? <inputid="productName"name="productName"class="wid10"type="text"value=""/> [javasc
用input輸入框實現好看的複選框效果(css+jq)
做畢設果然是道阻且長QAQ,在用到一個複選框的時候由於嫌棄複選框實在太醜了,就自己做了一個。其中沒有用到任何圖片,用css和jQuery實現。 廢話不多說直接看最後效果: html元素的設計如下
去除input輸入框預設在ie或者edge下出現刪除按鈕
當使用input輸入框的時候,預設情況下在後面會出現刪除按鈕,這個時候需要程式碼去去除,去除ie下的刪除按鈕程式碼如下: ::-ms-clear{display: none;} ::-ms-reveal{display: none;} 去除edge下的刪除按鈕程式
input輸入框回車查詢資料自動重新整理
問題描述:當輸入資料時回車查詢資料被自動重新整理 記錄時間:2017年12月26日 一:表單 <form id="formSearch" class="form-horizontal"
專案總結(關於fixed/absolute固定的底部按鈕被input輸入框的鍵盤頂上去的問題一般安卓手機會出現這種問題)
解決方法:監控螢幕大小的變化,當螢幕變小的時候讓按鈕隱藏起來,當螢幕大小與當前螢幕保持一致的時候,讓按鈕正常顯示。 原生js解決方法: var h = document.body.scrollHeight; window.onresize = fu
input輸入框制定輸入數據類型匹配
wid value pri tex logs key 匹配 type style <input type="text" id="price_169" value="97" style="max-width: 50px;" onkeyup="value=value
input輸入框手機號碼344顯示
keycode cti inpu 手機 fun length blog temp clas // 手機號碼3/4/4顯示 $(‘.section .inp‘).eq(0).on(‘keyup‘,function (e)
input輸入框的背景圖片也可以這樣玩
lis osi url ges 圖片 per ack icon -s > .time-bgimg01 { background-image: url(‘../../images/personal/carlist/timeIcon.png‘); background
關於微信手機端IOS系統中input輸入框無法輸入的問題
inpu input mil net 手機端 family 輸入 tails 覆蓋 把-webkit-user-select:none改成-webkit-user-select:auto;覆蓋掉或者直接註釋掉就行! 別人家的博文:http://blog.csdn.net