js를 사용하여 편집 가능한 선택 드롭다운 list_javascript 기술 구현
- WBOY원래의
- 2016-05-16 16:58:541141검색
코드 복사 코드는 다음과 같습니다.
<script> <br>functionclearSelect(obj,e) <br>{ <br>opt = obj.options [0] ; <br>opt.selected = "selected"; <br>if((e.keyCode== 8) ||(e.charCode==8))//단어 단위로 삭제하려면 백스페이스 키를 사용하세요. 함수 편집 <br>{ <br>opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0) <br>opt.text = opt.value ; <br>} <br>if((e.keyCode== 46) ||(e.charCode==46))//Delete 키를 사용하여 그대로 삭제 편집 기능 구현 <br>{ <br> opt.value = ""; <br>opt.text = opt.value; <br>} <br>//다른 키 누름 응답도 구현할 수 있습니다<br>} <br><br>function writeSelect(obj, e) <br>{ <br>opt = obj.options[0]; <br>opt.selected = "선택됨"; <br>opt.value = String.fromCharCode(e.charCode||e.keyCode); <br>opt.text = opt.value; <br>} <br>function forbidBackSpace()//IE의 이전 페이지로 돌아가는 백스페이스 기능을 방지하기 위해 이 드롭다운의 편집 기능과 충돌합니다. 상자에서는 백스페이스 기능을 비활성화해야 합니다. forbidBackSpace는 <body onkeydown="forbidBackSpace();">에 작성할 수 있습니다. <br>{ <br>if((event.keyCode == 8) && (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password ")) <br>{ <br>event.keyCode = 0; <br>event.returnValue = false; <br>} <br>} <br></script>
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.