1

我想为 jquery mobile 中的输入类型搜索调用 keydown 事件。下面是我的html代码。

 <!DOCTYPE html>
<html>
 <head>
    <meta charset="ISO-8859-1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Insert title here</title>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {      
    $("#search1").keydown(function() {
        alert("keydown");           
        $("#search1").css("background-color", "yellow");
    });
    $("#search1").keyup(function() {
        alert("keyup");
        $("#search1").css("background-color", "pink");
    });
});
</script>
<script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="page">

<div data-role="content">
<input type="search" id="search1">
<input type="text" id="text1">
</div>
</div>
</body>
</html>

除了搜索类型之外，所有其他输入类型都会触发 keydown 事件。有人可以帮忙吗？

4

3 回答 3

2

包含 jQuery Mobile 文件

您需要做的只是在您的项目中包含一个 jQuery 文件。一个名为 jQuery.mobile.js 或任何版本的非常相似的文件（例如 jQuery.ui.js）可以为您提供帮助。

您可以从：jQuery Mobile Official |下载。下载 我建议使用

解析客户端网址

同时给出路径。

于 2017-02-28T12:20:12.183 回答
1

从docs发现这个：http: //jquerymobile.com/test/docs/api/events.html

Important: Use $(document).on('pageinit'), not $(document).ready()

$(document).on( 'pageinit',function(event){
    $("#search1").keydown(function() {
        alert("keydown");           
        $("#search1").css("background-color", "yellow");
    });
    $("#search1").keyup(function() {
        alert("keyup");
        $("#search1").css("background-color", "pink");
    });
});

试试这个，看看它是否有帮助。

于 2013-01-31T12:14:10.967 回答
0

你的代码在这里工作检查：JS Fiddle

小提琴

:)
于 2013-01-31T12:14:34.113 回答