极客观点
项目管理
HarmonyOS
我现在要做的是在input上回车到下一个元素上,现在到select上回车就不动了.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://cdn.bootcss.com/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#testDiv :input[class='testClass']").keypress(function(e) {
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
//alert(keyCode);
if (keyCode == 39) // 判断所按是否方向右键
{
keyCode == 9;
}
if (keyCode == 13) // 判断所按是否回车键 FireFox下事件的keyCode 是只读的，不能修改
{
keyCode == 9;
var ab = $(this).attr("tagName");
var inputs = $("#testDiv :input[class='testClass']");
var selects = $("#testDiv select");
var idx = inputs.index(this); // 获取当前焦点输入框所处的位置
var idx2 = selects.index(this); // 获取当前焦点输入框所处的位置
if (idx == inputs.length - 1) {
return false;
} else {
if (ab == "SELECT") {
selects[idx2 + 1].focus();
alert("a");
//inputs[idx + 1].focus(); // 设置焦点
} else if(ab == ""){
alert("aaa");
} else{
inputs[idx + 1].focus(); // 设置焦点
}
}
console.log(ab)
return false;// 取消默认的提交行为
}
});
});
</script>
</head>
<body>
<div id="testDiv">
<table>
<thead>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
</thead>
<tbody>
<tr>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
</tr>
<tr>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
</tr>
<tr>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
</tr>
<tr>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select></td>
<td><input class="testClass" value="" name="test1" /></td>
<td><input class="testClass" value="" name="test1" /></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>请问select上回车怎么解决啊?
$("#testDiv :input[class='testClass']").keypress
你只是给 :input表单元素绑定事件了吧。
$("#testDiv :input[class='testClass']").add("select").keypress