页面点击按钮实现功能,可以使用鼠标点击实现,同时也可以使用“回车键”实现
Jsp页面
说明:只是举例子,所以里面像按钮的样式呀这些,都没有写,全是默认的,而我是学后端的对前端css样式这些也不是很熟悉,写的不好请多多见谅,就当个参考吧。
// onkeypress 事件会在键盘按键被按下并释放一个键时发生。
<body onkeypress="search_enter()" >
//一个简单的例子,按姓名搜索
</div>
<input type="text" id="name" placeholder="搜索:姓名">
<button type="button" id="search" onclick="serchName()" >搜索</button>
</div>
//实际代码我写到了js里,这里为了看着清楚,直接写到了body里
<script type="text/javascript" >
//主要是下面这段
//敲回车键相当于确认键
function search_enter(){
//回车键的ASCII值是13
if(event.keyCode == 13){
//调用搜索按键事件
document.getElementById("search").click();
}
}
//搜索
function serchName() {
//获取前台输入数据,也就是要搜索的名字
var name =document.getElementById("name").value;
//传值到后台,我用的Ajax,后台代码不写了,跟这功能没关系
$.ajax({
url: 'xxxx', //请求的url
type: 'post', //请求的方式
data:{
name: name
},
error:function (data) {
alert(“搜索失败”);
},
success: function(data){
alert(“搜索成功”);
}
});
}
</script>
</body>
总结
1、< body> 里的 οnkeypress=“search_enter()”,和对应的函数一致
2、就是这个函数了
//敲回车键相当于确认键
function search_enter(){
//回车键的ASCII值是13
if(event.keyCode == 13){
//调用搜索按键事件
document.getElementById("search").click();
}
}