js?select支持手動輸入功能實現(xiàn)代碼
更新時間：2023年05月16日 00:32:10 作者：小魚娟娟
這篇文章主要介紹了js?select支持手動輸入實現(xiàn)代碼,需要的朋友可以參考下
select下拉框的onkeydown事件，修改下拉框的值
function catch_keydown(sel){
switch(event.keyCode) {
case 13: //回車鍵
event.returnValue = false;
break;
case 27: //Esc鍵
sel.options[sel.selectedIndex].text = oldText;
sel.options[sel.selectedIndex].value = oldValue;
event.returnValue = false;
break;
case 8: //空格健
var s = sel.options[sel.selectedIndex].text;
s = s.substr(0,s.length-1);
if (sel.options[0].value==sel.options[sel.selectedIndex].text){
sel.options[sel.selectedIndex].value=s;
sel.options[sel.selectedIndex].text=s;
}
event.returnValue = false;
break;
}
if (!event.returnValue && sel.onchange)
sel.onchange(sel)
}select下拉框的onkeypress事件，修改下拉框的值
function catch_press(sel){
if(sel.selectedIndex>=0){
var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text){
sel.options[sel.selectedIndex].value=s;
sel.options[sel.selectedIndex].text=s;
}
event.returnValue = false;
if (!event.returnValue && sel.onchange)
sel.onchange(sel)
}
}select下拉框的onfocus事件，保存下拉框原來的值
function catch_focus(sel) {
oldText = sel.options[sel.selectedIndex].value;
oldValue = sel.options[sel.selectedIndex].value;
} 使用方法
<!--調用--> <select style='width:130px;z-index:-1' name='tmpSel' onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)> <option value=''></option> <option value=''>A</option> <option value=''>B</option> <option value=''>C</option> </select>
到此這篇關于js select支持手動輸入功能實現(xiàn)代碼的文章就介紹到這了,更多相關js select 手動輸入內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
亂碼，頭大的一件事可以考慮轉碼方式不直接傳中文，在js里用escape轉碼，具體實現(xiàn)如下，有類似情況的朋友可以參考下2013-08-08
JavaScript之Canvas_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript之Canvas，Canvas是HTML5新增的組件，它就像一塊幕布，可以用JavaScript在上面繪制各種圖表、動畫等2017-07-07
在實際工作中，我們應該經(jīng)常會看到一些功能上沒有問題，但編碼風格和規(guī)范卻十分糟糕的代碼，這往往會讓人不敢再往下閱讀，甚至會影響閱讀者一天的心情。本文的目的在于幫助那些沒有養(yǎng)成良好的編碼風格，缺乏相應編碼規(guī)范意識的JavaScript學習者們改善他們的編碼形象。2017-03-03
這篇文章主要介紹了Object.keys方法實例詳解,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-09-09
固定背景滾動特效，使用background-attachment: fixed和導航菜單，頁面會非常平滑的滾動，感興趣的朋友可以參考下哈希望對你有所幫助2013-05-05
這篇文章主要介紹了JavaScript匿名函數(shù)之模仿塊級作用域的相關資料,需要的朋友可以參考下2015-12-12
最近微信小程序對于審核小程序提出了帶有wx.login、wx.getUserInfo接口的調整，并提出了一個新的接口供開發(fā)者調用，本文就詳細的介紹一下如何使用，感興趣的可以了解一下2021-06-06
這篇文章主要介紹了JavaScript實現(xiàn)簡單生成隨機顏色的方法,涉及javascript隨機數(shù)與字符串運算及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)年歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
layui(1.0.9)文件上傳upload,前后端的實例代碼
今天小編就為大家分享一篇layui(1.0.9)文件上傳upload,前后端的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09