jsp 页面 按回车键 触发事件

来源:互联网 发布:湖北广电网络宽带登录 编辑:程序博客网 时间:2024/05/22 17:46

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"> 
0 0
原创粉丝点击