jQuery keyup()的问题
jQuery keyup()的问题
提问于 2015-05-18 13:00:43
页面将重新加载，而不是调用click函数，但是如果我在?#扩展后插入查询字符串.html，它就能工作。用铬测试
我的代码：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$('#search_btn').click(function () {
alert("searching");
// search functions
});
$("#search").keyup(function (event) {
if (event.which == 13) {
alert("enter key pressed");
$("#search_btn").click();
}
});
});
</script>
</head>
<body>
<form>
<input type="text" id="search" />
<button class="btn" type="button" id="search_btn">Search</button>
</form>
</body>
</html>回答 3
Stack Overflow用户
回答已采纳
发布于 2015-05-18 13:16:42
防止提交特定表格，例如：
$('form:has(#search)').on('submit', function(e){
e.preventDefault();
});
-jsFiddle-
Stack Overflow用户
发布于 2015-05-18 13:08:10
对代码进行此更改
$('#search_btn').click(function (e) {
e.preventDefault();
alert("searching");
// search functions
});Stack Overflow用户
发布于 2015-05-18 13:09:15
将事件添加为click()函数的参数，然后使用event.preventDefault()防止事件的默认处理程序，这样它就不会重定向。
$(document).ready(function() {
$('#search_btn').click(function(e) {
e.preventDefault();
alert("searching");
// search functions
});
$("#search").keyup(function(event) {
if (event.which == 13) {
alert("enter key pressed");
$("#search_btn").click();
}
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form>
<input type="text" id="search" />
<button class="btn" type="button" id="search_btn">Search</button>
</form>
编辑：如果这不起作用，则通过添加以下内容来阻止表单提交：
$('form').on('submit', function(e) {
e.preventDefault();
});您可以用给表单的ID替换form。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30303923
复制相关文章
相似问题
腾讯云开发者
