html输入框中响应enter键盘------重要的onkeydown方法实现“模糊查找”

最新推荐文章于 2022-11-06 00:00:23 发布
最新推荐文章于 2022-11-06 00:00:23 发布
阅读量1.6k 收藏 1
点赞数 1
文章标签： 按enter实现查询 onkeydown实现“模糊查找”
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FurtherSkyQ/article/details/90200427
版权

     在html输入框中响应enter键， 这本来就是很简单的问题， 但我查了一下网上资料， 多数写的有点复杂， 其实， 用onkeydown即可搞定， 如下：

 <html>
    <body>
     
    <input onkeydown="if(event.keyCode==13) {test()}"/>
     
    <script>
        function test() {
           alert(123);
        }
    </script>
     
    </body>
 </html>

        在输入框中， 按enter, 会触发test函数的执行。 很多时候， 我们需要在html的输入框中做模糊查找， 有了onkeydown后， 就方便多了。

Puddy_Q
关注
html快速输入法
空之境界
03-24 1301
Emmet的html语法 所有操作按下“tab”键即可瞬间完成 !+tab或者html:5 生成html5文档的初始结构 html:xt 生成html4过渡型 html:4s 生成html4严格型） 元素 1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基...
Vue--2023.6.23
最新发布
weixin_65590235的博客
06-23 347
vue
html之文本框的onkeydown()响应Enter键——键盘事件
程序羊的博客
10-18 9304
事件目录常见的jQuery事件常见的鼠标、键盘事件 很多时候，我们需要在html的输入框中按下回车键（Enter）做模糊查找，那么就可以使用到 onkeydown 事件了。 示例代码： <html> <body> <input onkeydown="if(event.keyCode==13) {test()}"/> <script> fun...
【皮皮哥资源网】JS如何实现模糊查询 模糊查询-键盘事件-关键字搜索
qq_25741071的博客
08-31 382
所谓模糊查询就是列表中的数据是否有符合关键字或某个字符。 实现的操作方法主要有两种： 1.字符串方法indexOf： 代码如下： var list = ["中国", "美国", "英国 "]; var arr = []; for (var i = 0; i < list.length; i++) { //如果字符串中不包含目标字符会返回-1 if (list[i].indexOf("关键字或字符串") >= 0) { arr.push(list[i]); } } 2.
为 html 的文本输入框增加 onkeydown 事件
tfish的专栏
05-14 394
<html> <head> <title></title> <script> function displayResult() { var x; if ( window.event ) { x = event.keyCode; } else if ( event.which ) { x = event.which; } var keychar = String.from.
dreamweaver html 键盘输入文本,Dreamweaver
weixin_33037813的博客
06-10 1250
1.输入文本文字。首先我们打开dreamweaver站点中的某个网页文件，如下图中打开了index.html文件，在默认情况下，所打开的文件呈现的是设计界面。如果我们需要在网页中简单的输入文本文字，就可以在该界面中直接输入。2.输入项目符号打开dreamweaver，我们可以在下方的属性栏中找到“项目符号”和“项目编号”选项，如下图所示。点击“项目符号”时，就好出现下图中的着重点，点击“项目编号”...
渗透测试 2 --- XSS、CSRF、文件上传、文件包含、反序列化漏洞
墨鱼菜鸡
07-11 3179
1、渗透测试 实用 浏览器插件 chrome、edge 插件：搜索 cookie，安装 cookie editor，打开插件，可以 导出 cookie HackBar ：Hackbar是网络安全学习者常备的工具 (https://www.fujieace.com/hacker/tools/hackbar.html )。 ​解决Firefox插件-H...
vue-admin-后台管理系统，全文注释。
热门推荐
whyfuck的博客
12-10 2万+
# vue-admin-stepbystep > A Vue.js project ### 项目背景 这是公司的一个项目的阉割版，可以用作模板，里面的技术点基本全部都有注释，全都有注释，全都有注释，重要事说三遍， 写注释很辛苦，给个小赞，github给个小start,鼓励鼓励码字的我，项目正在陆续的完善中。还有重申一点，我们是前端工程师，不是码农。 麻雀虽小五脏俱全：[项目地址 htt...
JavaWeb -- Json & jQuery & Ajax & 正则表达式 & 过滤器 & 监听器 & Freemarker
支棱起来
07-23 362
Json Json 又称 JavaScript 对象表示法，键和值都要用双引号包裹（当 value 是数字时可以不加双引号） JS 直接访问 json 对象 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> var json = [ {
面试总结（1）---7.28
刘群智的博客
07-28 1610
Ajax关于readyState（状态值）和status（状态码）的研究 var getXmlHttpRequest = function () {     try{         //主流浏览器提供了XMLHttpRequest对象         return new XMLHttpRequest();     }catch(e){         //低版本的IE浏览器没有...
HTML实现电脑软键盘
11-24
HTML实现电脑软键盘
三种方法从键盘输入
ami84217的博客
08-31 289
　方法一：从控制台接收一个字符，然后将其打印出来 　　public static void main(String [] args) throws IOException{ 　　System.out.print(“Enter a Char:”); 　　char i = (char) System.in.read(); 　　System.out.println(“your char...
javascript判断键盘输入
LGui的博客
03-23 3636
javascript要从键盘获取到用户输入到的数据，可以通过判断用户按下的是键盘的那个键，即判断可以键盘事件对应的键码，通常键盘事件对应的键码如下：keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control...
[HTML]代码快捷输入
m0_62544574的博客
11-29 2965
一.使用快捷输入注意事项 1.输入完代码后按键盘上的Tab键。 2.光标一定要定在代码的最后才会生效。 3.标签名后加中括号 [ ] 是输入属性值，加大括号 { } 是输入文本。 二.代码格式 1.父子关系( > )： 标签名>标签名>标签名>标签名+tab(生成代码) div>ul>li>a 等价于： <div> <ul> <li><a href=""></a></li>
html怎么调用数字键盘嘛,创建一个没有布局<table> </table>的HTML数字键盘
weixin_39535125的博客
06-08 533
通过使用浮动行为，您可以使用一堆内联块来创建它。每个块都浮动到右侧(因为大的垂直元素在右侧)。因此，小键盘上的按钮位于左上角的HTML中。例如。第一个块是-按钮，后跟*，/，Num-Lock，+，依此类推。为了制作一个双倍尺寸的垂直按钮，我附加了属性v2(您可以为此使用类，但我觉得不同)，并制作一个双倍尺寸水平按钮，我附加了属性h2。对于自适应布局，请向下滚动到编辑。CSS：container {...
javaScript+css+html——键盘事件（通过键盘上下左右控制图形位置）
十二tel
06-13 7618
该篇效果需要自己去试，测试的时候通过键盘上面的上下左右来控制图形的位置即可，可通过这个内容尝试做俄罗斯方块。通过switch case语句控制所选方向。效果图如下：代码如下：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;键
html 如何获得键盘输入,如何基于jQuery获取键盘事件
weixin_42118161的博客
06-05 1284
本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考，具体如下：一、我们什么时候要用到获取键盘事件做web的时候，为了更人性的设计，我们有的时候会用到键盘事件。例如：输入框下拉提示框，通过键盘的上下键盘来选择自己想要的内容，google的输入框的下拉提示。当我们浏览相册的时候，我们可以能过键盘的左右键，来查看相片。当我们浏览长篇小说，用鼠标滚动很容易不知道看到哪一个行了，可以通键...
HTML 文本框输入框 列表文本框和文本域 等等
m0_48219937的博客
08-06 1万+
初识表单和get提交 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <!--表单form action: 表单提交的位置，可以是网站，也可以是一个请求处理地址 method: post,get 提交方式 get方式:我们可以
HTML表单元素-输入框
前端队长Daotin
11-06 1万+
2、表单元素-输入框输入框使用input标签。<input>标签，根据type属性的不同，会有不同的表现样式。默认type="text"，也就是文本输入框。2.1、文本输入框单行的文本区域，（输入中的换行会被自动去除）。<input type="text" name="username" maxlength="6" readonly="readonly" ...
JS实现：0-10数字输入框，自动保留两位小数并校验
"JavaScript 实现输入限制在0-10之间的两位小数验证功能" 在JavaScript编程中，经常需要对用户输入进行校验，确保数据符合特定格式或范围。在这个场景中，目标是创建一个输入框，用户可以输入0到10之间的数值，并且...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值