在键盘上的select2中按下向下箭头键,然后我必须避免服务器调用
In select2 on keyboard down arrow key is pressed then I have to avoid server call
在键盘上的 select2 中按下向下箭头键,然后我必须避免服务器调用,因为服务器调用再次刷新列表并且我的向下箭头键功能不起作用,但不知道如何?我对 select2 没有任何先验知识,所以请让我知道这个事件在 select2.js 中在哪里处理?
试试我把 ajax 请求放在左箭头上的代码,你可以看到它并随心所欲地使用它......
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
function leftArrowPressed() {
alert("leftArrowPressed" );
//window.location = prevUrl
$.ajax({
type: "POST",
url: "your url ",
data: "",
success: function() {
alert(" Successfully submit request");
},
error: function() {
alert("Error Occurred");
}
});
}
function rightArrowPressed() {
alert("rightArrowPressed" );
window.location = nextUrl
}
function topArrowPressed() {
alert("topArrowPressed" );
window.location = prevUrl
}
function downArrowPressed() {
alert("downArrowPressed" );
window.location = nextUrl
}
document.onkeydown = function(evt) {
var nextPage = $("#next_page_link")
var prevPage = $("#previous_page_link")
nextUrl = nextPage.attr("href")
prevUrl = prevPage.attr("href")
evt = evt || window.event;
switch (evt.keyCode) {
case 37:
leftArrowPressed(nextUrl);
break;
case 38:
topArrowPressed(nextUrl);
break;
case 39:
rightArrowPressed(prevUrl);
break;
case 40:
downArrowPressed(prevUrl);
break;
}
};
</script>
</head>
<body>
<p>
<a id="previous_page_link" href="http://www.latest-tutorial.com">Latest Tutorials</a>
<a id="next_page_link" href="http://www.zeeshanakhter.com">Zeeshan Akhter</a>
</p>
</body>
</html>
相关文章:
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 文件上传:检查文件格式,然后调用srvlet
- 如何使用javascript验证表单中的数据,然后调用php页面
- 加载文件,然后调用回调函数
- 当调用.of()然后调用.on()时,Jquery是否可能将事件推迟
- 如何将javascript文件插入到iframe中,然后调用插入的javascript中的函数
- 在函数中传递参数,然后调用onClick函数
- 异步加载ASP.NET绑定的Javascript,然后调用回调
- 一键点击首先调用javascript,执行验证,然后调用控制器方法
- 如何检查文本字段为空,然后调用javascript
- 如何在ActionLink中调用删除前的确认消息,然后调用控制器进行删除
- Jquery OOP 模型阻止默认然后调用基处理程序
- 在另一个函数中使用变量,然后调用新函数
- 加载异步 JS 然后调用函数
- 调用原型的重写方法,然后调用下一个原型的重写方法错误
- TinyMCE只初始化一次,然后调用它退出
- 在同一个元素上调用c#然后调用js
- 动态地将href附加到锚点标记,然后调用click事件
- 然后调用 JavaScript 匿名函数
- 如何不增加setInterval然后调用多次