コードをコピー コードは次のとおりです: <br>var isOpera = navigator.userAgent.indexOf("Opera") > -1; <br>var isIE = navigator.userAgent.indexOf("MSIE") > 1 && !isOpera; <br>var isMoz = navigator.userAgent.indexOf("Mozilla/5.") == 0 && !isOpera; <br>function textboxSelect (oTextbox, iStart, iEnd) { <br> switch(arguments.length) { <br> case 1: <br> oTextbox.select(); <br> 休憩; <br> ケース 2: <br> iEnd = oTextbox.value.length; <br> /* falls */ <br><br> case 3: <br> if (isIE) { <br> var oRange = oTextbox.createText範囲(); <br> oRange.moveStart("character", iStart); <br> oRange.moveEnd("character", -oTextbox.value.length iEnd); <br> oRange.select(); <br> } else if (isMoz){ <br> oTextbox.setSelectionRange(iStart, iEnd); <br> } <br> } <br> oTextbox.focus(); <br>} <br>/* <br>function textboxReplaceSelect (oTextbox, sText) { <br> if (isIE) { <br> var oRange = oTextbox.createTextRange(); <br> oRange.text = sText; <br> oRange.collapse(true); <br> oRange.select(); <br> } else if (isMoz) { <br> var iStart = oTextbox.selectionStart; <br> oTextbox.value = oTextbox.value.substring(0, iStart) sText oTextbox.value.substring(oTextbox.selectionEnd, oTextbox.value.length); <br> oTextbox.setSelectionRange(iStart sText.length, iStart sText.length); <br> } <br> oTextbox.focus(); <br>} <br>*/ <br>function autocompleteMatch (sText, arrValues) { <br> for (var i=0; i < arrValues.length; i ) { <BR> if (arrValues[i]. IndexOf(sText) == 0) { <BR> return arrValues[i]; <BR> } <BR> } <BR> null を返します。 <BR>} <BR> function autocomplete（otextbox、oevent、arrvalues）{<BR>switch（oevent.keycode）{<BR>case 38：// up arrow<BR>case 40：// down arrow<BR>case 37：/ /左矢印 <BR> case 39: //右矢印 <BR> case 33: //page up <BR> case 34: //page down <BR> case 36: //home <BR> case 35 : // end <BR> case 13: //enter <BR> case 9: //tab <BR> case 27: //esc <BR> case 16: //shift <BR> case 17: //ctrl <BR> case 18: //alt <BR> case 20: //caps lock <BR> case 8: //backspace <BR> case 46: //delete <BR> return true; <BR> 休憩; <BR> デフォルト: <BR> // 下一面用处不大(被注释) <BR> //textboxReplaceSelect(oTextbox, isIE ? oTextbox.value/*oEvent.keyCode*/ : oEvent.charCode); <BR> var iLen = oTextbox.value.length; <BR> var sMatch = autocompleteMatch(oTextbox.value, arrValues); <BR> if (sMatch != null) { <BR> oTextbox.value = sMatch; <BR> textboxSelect(oTextbox, iLen, oTextbox.value.length); <BR> } <br><br> falseを返します。 <BR> } <BR>} <BR> var arrValues = ["赤"、"オレンジ"、"黄"、"緑"、"青"、"藍"、"紫"、"茶色"]; オートコンプリート テキストボックスの例 小文字で色を入力してください:输入一以小写字母头的颜色(英文单词、比如：r、b等)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
