移动端页面没有搜索键实现搜索功能

最新推荐文章于 2024-09-20 21:17:31 发布

mschange

最新推荐文章于 2024-09-20 21:17:31 发布

阅读量6.1k

点赞数

本文链接：https://blog.csdn.net/Lschange/article/details/79077882

版权

在很多需求中,有时候你的页面中可能没有搜索这个按钮,但是却要实现搜索的功能,如何实现?

在电脑上面的搜索可以控制回车键的键值来实现搜索,但在移动端如何实现?

直接上代码:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>控制键盘的搜索键</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<script src="../jquery-1.11.0.min.js"></script>
</head>
<body>
<input id="myinput" type="search">
</body>
<script>
//这两种都能用, 一个是在form上加id 一个是在input元素加id
//对于苹果手机添加一个form元素是必要的,否则只能实现功能但是键盘的文字不能变成搜索字样
// $('#myform').bind('search', function () {
// //coding
// alert(1);
// });

$('#myinput').bind('search', function () {
//coding
var value=$("#myinput").val();
console.log(value);
$.ajax({
type:"get",
url:"",
async:true,
data:{
"val":value
},
success:function(){

}
});