Dhtml+正则实现类似IDE编辑器的动态提示输入功能

news/2024/7/16 9:11:35 标签: IDE, C, C++, C#
代码如下:
<input οnkeyup="showtips();if(event.keyCode==27)c();" id=txt οnkeydοwn='enterTips()'>(eg. JiangSu)输完按回车键<br> <select id=sel style='display:none' multiple οnclick=rv() οnkeydοwn='if(event.keyCode==13)rv()'></select> <script> var msg = new Array("Beijing","Tianjing","Shanghai","Guangdong","ShanDong","Shanxi","Hunan","Hubei","JiangSu","JiangXi"); var msg2=new Array("北京","天津","上海","广东","山东","陕西","湖南","湖北","江苏","江西"); function showtips(){ eo=event.srcElement; sel.length=0; var len=msg.length; var re=new RegExp("^"+eo.value,"i") for(i=0;i<len;i++) if(re.test(msg[i])==true) sel.style.display='',sel.add(new Option(msg[i],msg2[i])),sel.selectedIndex=0; } function enterTips(){ e=event.keyCode; if(sel.style.display!='none'){ if(e==13) event.srcElement.value=sel.value,sel.style.display='none'; if(e==40) sel.focus(); } } function rv(){txt.value=sel.value,c()} function c(){sel.style.display='none';txt.focus()} document.οnclick=function(){c()} </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

http://www.niftyadmin.cn/n/604190.html

相关文章

华为虚拟服务器分布式存储_IT硬件行业必备VISIO形状图库-华为 服务器/网络/安全/存储...

前面发布了一篇文章分享&#xff0c;和大家分享了DELL企业设备的Viso图库&#xff0c;看有需求的人不少。但是对于从业者来说&#xff0c;单单一种品牌的VISIO图是远远不够的&#xff0c;经常是根据客户需求来集成很多品牌的设备&#xff0c;所以今天再向大家分享一个品牌-华为…

ORACLE创建表

普通创建表 create table C_table( deptno number(2), dname varchar2(14), loc varchar2(13) ); 注释&#xff1a;Orecle创建表的语法使用create table 自定义命名&#xff0c;括号自定义命名字段&#xff0c;添加数据类型并且给予长度没有约束&#xff0c;使用sql plus命令》…

elasticsearch service 最低配置_Elasticsearch集群与商品搜索(一)

1. 搜索引擎ElasticSearchElasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎&#xff0c;基于RESTful web接口。Elasticsearch是用Java语言开发的&#xff0c;并作为 Apache许可条款下的开放源码发布&#xff0c;是一种流行的企业级搜索…

opencv3 xp 编译_如何在XP上部署OpenCV编写的程序

本文使用环境&#xff1a;1. XP 下,VS20082. 只适合你用Release编译出来的结果&#xff0c;不适合Debug版本(因为我测试Debug版本在XP上始终无法成功&#xff0c;所以删除了所有相关的 *d.dll)3. 只是简单的测试之类的(如果你想更专业&#xff0c;可以只分发用到的DLL&#xff…

python提供的三种基本数据类型是_python 基础数据类型

一.什么是数据类型&#xff1f; 什么是数据类型&#xff1f; 我们人类可以很容易的分清数字与字符的区别&#xff0c;但是计算机并不能呀&#xff0c;计算机虽然很强大&#xff0c;但从某种角度上看又很傻&#xff0c;除非你明确的告诉它&#xff0c;1是数字&#xff0c;“汉”…

译自MSDN非常详细的IMG,IFRAME的属性参考手册

<!--载自无忧脚本--> I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架。 成员表 下面的表格列出了 iframe 对象引出的成员。请单击左侧…

PS-熔浆字体

1、首先我们要新建一个画布&#xff0c;再找个背景图片。 2、新建一个图层&#xff0c;加点小小的渐变、径向、反向、设置填充为65%、正片叠底。 3、输入你自己喜欢的文字、字体找个大点的字体这样才不会影响图片和文字的美观。 4、进行描边、大小为1PX、内部混合模式为浅色、类…

kvm的网络配置 NAT方式

摘要&#xff1a;KVM虚拟机网络配置的两种方式&#xff1a;NAT方式和Bridge方式。NAT方式的配置原理和步骤。NAT方式适用于桌面主机的虚拟化。问题客户机安装完成后&#xff0c;需要为其设置网络接口&#xff0c;以便和主机网络&#xff0c;客户机之间的网络通信。事实上&#…