js 监听页面的回车事件

目标:实现移动端搜索框可以点击键盘的右下角的搜索按钮进行搜索 

 

第一步:

搜索框的类型为search

  <input type="search" class="search_input" id="txtpassName" placeholder="常旅客姓名" /> 

 第二步:

在JavaScript中写如下代码

<script type="text/javascript">    

        document.onkeydown = keyDownSearch;
        function keyDownSearch(e) {
            // 兼容FF和IE和Opera    
            var theEvent = e || window.event;
            var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
            // 13 代表 回车键
            if (code == 13) {
                // 要执行的函数 或者点击事件
                queryBtnClick();
                return false;
            }
            return true;
        }

<script type="text/javascript">    

按照以上步骤操作,即可实现点击键盘搜索按钮实现搜索效果 .

 

PS:以上方法实现JS监听整个页面的回车事件

如果要监听某个div层的监听,需要将

document.οnkeydοwn=keyDownSearch;

改为

document.getElementById('层ID').οnkeydοwn=keyDownSearch;