js?select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼
更新時(shí)間：2023年05月16日 00:32:10 作者：小魚娟娟
這篇文章主要介紹了js?select支持手動(dòng)輸入實(shí)現(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;
} 使用方法
<!--調(diào)用--> <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>
到此這篇關(guān)于js select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼的文章就介紹到這了,更多相關(guān)js select 手動(dòng)輸入內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
地址欄傳遞中文參數(shù)亂碼在js里用escape轉(zhuǎn)碼
亂碼，頭大的一件事可以考慮轉(zhuǎn)碼方式不直接傳中文，在js里用escape轉(zhuǎn)碼，具體實(shí)現(xiàn)如下，有類似情況的朋友可以參考下2013-08-08
JavaScript之Canvas_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript之Canvas，Canvas是HTML5新增的組件，它就像一塊幕布，可以用JavaScript在上面繪制各種圖表、動(dòng)畫等2017-07-07
在實(shí)際工作中，我們應(yīng)該經(jīng)常會(huì)看到一些功能上沒有問題，但編碼風(fēng)格和規(guī)范卻十分糟糕的代碼，這往往會(huì)讓人不敢再往下閱讀，甚至?xí)绊戦喿x者一天的心情。本文的目的在于幫助那些沒有養(yǎng)成良好的編碼風(fēng)格，缺乏相應(yīng)編碼規(guī)范意識(shí)的JavaScript學(xué)習(xí)者們改善他們的編碼形象。2017-03-03
這篇文章主要介紹了Object.keys方法實(shí)例詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-09-09
固定背景實(shí)現(xiàn)的背景滾動(dòng)特效示例分享
固定背景滾動(dòng)特效，使用background-attachment: fixed和導(dǎo)航菜單，頁(yè)面會(huì)非常平滑的滾動(dòng)，感興趣的朋友可以參考下哈希望對(duì)你有所幫助2013-05-05
JavaScript匿名函數(shù)之模仿塊級(jí)作用域
這篇文章主要介紹了JavaScript匿名函數(shù)之模仿塊級(jí)作用域的相關(guān)資料,需要的朋友可以參考下2015-12-12
最近微信小程序?qū)τ趯徍诵〕绦蛱岢隽藥в衱x.login、wx.getUserInfo接口的調(diào)整，并提出了一個(gè)新的接口供開發(fā)者調(diào)用，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下2021-06-06
JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單生成隨機(jī)顏色的方法,涉及javascript隨機(jī)數(shù)與字符串運(yùn)算及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)年歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
layui(1.0.9)文件上傳upload,前后端的實(shí)例代碼
今天小編就為大家分享一篇layui(1.0.9)文件上傳upload,前后端的實(shí)例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09