把“回车键”设置成前端某个按钮功能

最新推荐文章于 2023-01-04 15:55:10 发布

原创最新推荐文章于 2023-01-04 15:55:10 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js

前端web 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的城市搜索功能实现方式，通过键盘事件监听回车键触发搜索按钮点击事件，完成城市名称的输入与搜索操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body onkeypress="findCity_enter()">

<div>
        城市搜索：<input type="text" width="100px;" id="cityFind" />
        <input type="button" id="find" onclick="findCity()" value="搜索" />

</div>

<script type="text/javascript">
    //敲回车键相当于确认键
    function findCity_enter(){
        //回车键的值是13
        if(event.keyCode == 13){
            //调用搜索按键事件
            document.getElementById("find").click();
        }
    }
    function findCity(){
        alter("实验");
    }
</script>