2017-3-1
今天项目中遇到一个问题,搜索框输入搜索内容后,只能点击搜索按钮,才能进行操作。新需求为:输入框输入内容,按回车键,则执行搜索操作。
两种方法:
第一种:
<script type="text/JavaScript">
function keyOnClick(e){
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code==13) { //回车键的键值为13
search(); //调用搜索事件
}
}
</script>
<body onkeydown="keyOnClick(event);">
</body>
第二种:
<a href="javascript:void(0)" id="searchBtn" onclick="search()">搜索</a>
<input id="searchKeyword" type="text" value="" size="30"
onkeydown="javascript:if(event.keyCode==13) search();"
placeholder="请输入模糊关键字" name="keyword">
或:
<input id="searchKeyword" type="text" value="" size="30"
onkeydown="javascript:if(event.keyCode==13) document.getElementById('searchBtn').click();"
placeholder="请输入模糊关键字" name="keyword">