使用JavaScript或jquery实现箭头键
Implementation of Arrow keys using JavaScript or jquery
我有一个jsp页面,我想在页面中实现上下左右键功能。我有以下代码,但它访问只读文本框以及。我想跳过只读输入。请查看附件的snap。我有A B C D E F G H输入但是E和F是只读的。我的光标在c上,假设如果我按下键(代码=40),那么它应该通过跳过E和f而转到G。请点击此链接查看图片:
https://www.dropbox.com/s/ptm483avp8pm9sg/Untitled.png?dl=0$(document).ready(function(){
$("input,textarea").keydown(function(e) {
if (e.keyCode==37 || e.keyCode==38 ) {
$(":input,textarea,select")[$(":input,select").index(document.activeElement) - 1].focus();
}
if (e.keyCode==39 || e.keyCode==40 ) {
$(":input,textarea,select")[$(":input,select").index(document.activeElement) + 1 ].focus();
}
});
});
您可以使用:not([readonly])
选择器。例句:
$(document).ready(function(){
$("input,textarea").keydown(function(e) {
if (e.keyCode==37 || e.keyCode==38 ) {
$(":input:not([readonly]),textarea,select")[$(":input:not([readonly]),select").index(document.activeElement) - 1].focus();
}
if (e.keyCode==39 || e.keyCode==40 ) {
$(":input:not([readonly]),textarea,select")[$(":input:not([readonly]),select").index(document.activeElement) + 1 ].focus();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' value='A' />
<input type='text' value='B' />
<input type='text' value='C' />
<input type='text' value='D' />
<input type='text' value='E' readonly />
<input type='text' value='F' readonly />
<input type='text' value='G' />
<input type='text' value='H' />
修改你的jquery选择器以排除被禁用的元素
$(":input,select").not(":disabled").index(...
相关文章:
- 如何正确实现Jquery多选小部件
- 如何使用 get_template_directory_uri() 正确实现 jQuery 菜单功能到 Wordpres
- 在对象类上实现 jquery 作用域的最佳方法
- 在Ember.js应用程序中实现jQuery
- 如何在纯JS中实现jQuery.map()的等效功能
- 如何正确实现Jquery移动路由器插件
- 使用AJAX源代码和appendTo理解和实现jQuery自动完成
- 在动态添加的图像上实现Jquery同位素
- 实现Jquery时出现问题'成对元素上的s.each()函数
- 使用selenium实现jquery时出错
- 可以'我没有在我的网站上实现Jquery Scrollify
- 如何在页面上的多个缩略图集的鼠标悬停时实现 jQuery 图像循环
- 如何在 Javascript 中实现 jQuery 的 load() 函数
- 尝试实现jQuery插件,失败
- Ember cli 切换侧边栏“实现 Jquery 部分?”
- 如何实现 jQuery Ajax 调用的 Kendo 进度条
- 如何使用纯 Javascript 和文档查询选择器实现 jQuery .on() 函数
- 实现 Jquery 计数器
- 如何在此代码上实现 jQuery cookie
- 如何使用 JSF 实现 JQuery 确认对话框