目标:实现移动端搜索框可以点击键盘的右下角的搜索按钮进行搜索
第一步:
搜索框的类型为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;