2
我已经设法让下面的脚本在Firefox 12.0中工作。 IE和Chrome无法正常工作。 Asuming文本区域ID被#ICCID和#MSISDN,jQuery的是这样的:需要在大多数浏览器中使用jQuery脚本(跨浏览器)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(document).ready(function() {
$("#ICCID").focus();
});
var $inp = $('.cls');
$inp.bind('keydown', function(e) {
var key = e.which;
if (key == 9) {
e.preventDefault();
var nxtIdx = $inp.index(this) + 1;
$(".cls:eq(" + nxtIdx + ")").focus();
//Simulate Enter after TAB
var textInput = $("#MSISDN").val();
var lines = textInput .split(/\r|\r\n|\n/);
if (lines > 1) {
$("#MSISDN").on("keypress", function(e) {
if (e.keyCode == 9) {
var input = $(this);
var inputVal = input.val();
setTimeout(function() {
input.val(inputVal.substring(0,inputVal.length) + "\n");
}, 1);
}
});
}
}
if (key == 9) {
e.preventDefault();
var nxtIdx = $inp.index(this) - 1;
$(".cls:eq(" + nxtIdx + ")").focus();
//Simulate Enter after TAB
$("#ICCID").on("keypress", function(e) {
if (e.keyCode == 9) {
var input = $(this);
var inputVal = input.val();
setTimeout(function() {
input.val(inputVal.substring(0,inputVal.length) + "\n");
}, 1);
}
});
}
});
});
</script>
剧本的想法是通过按下键盘上的TAB键与最初的重点是两个特定文本区域之间切换第一个是在加载网页时,还模拟了在TAB动作完成后按下的Enter按钮。对于此TAB键按下事件,页面上的所有其他元素都必须被忽略。
任何人都可以帮忙吗?
可能复两部文字区域之间[交换机只有当按Tab键](http://stackoverflow.com/questions/10515830/switch-between-two-textareas-only-when-pressing-tab-button) – halfer