2018年2月2日 星期五
PHP的測試 (5) 用 jQuery取代 prototype.js 的上下左右按鍵
<script type="Text/JavaScript" src="jquery.js"></script>
<Script type="Text/JavaScript" Language="JavaScript">
$(document).ready(function(){
//當tbd裡所有的input
$('#tbd :input').keydown(function(e){
//取得自訂屬性的名稱
var id=$(this).attr('id');
var kk= id.split("_");
//alert(kk[1]+'!'+kk[2]);
var y=kk[1]*1;
var x=kk[2]*1;
newid='';
if (e.which==40) {//下
y = y+1;
newid='yx_'+y+'_'+x;
}
if (e.which==13) {//下
y = y+1;
newid='yx_'+y+'_'+x;
}
if (e.which==38) {//下
y = y-1;
newid='yx_'+y+'_'+x;
}
if (e.which==37) {//左
x = x-1;
newid='yx_'+y+'_'+x;
}
if (e.which==39) {//右
x = x+1;
newid='yx_'+y+'_'+x;
}
if (newid !='') {
document.getElementById(newid).select();
document.getElementById(newid).foucs();
}
});
})
</Script>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<table border="1">
<thead>
<tr>
<th>CName</th>
<th>Value</th>
<th>ValueT</th>
</tr>
</thead>
<tbody id="tbd">
<tr>
<td><input type="text" id='yx_1_1' value="ZZZmeXX"></td>
<td><input type="text" id='yx_1_2' value="ValueXX"></td>
<td><input type="text" id='yx_1_3' value="ValueBB"></td>
</tr>
<tr>
<td><input type="text" id='yx_2_1' value="ZZZmeXX"></td>
<td><input type="text" id='yx_2_2' value="ValueXX"></td>
<td><input type="text" id='yx_2_3' value="ValueBB"></td>
</tr>
<tr>
<td><input type="text" id='yx_3_1' value="ZZZmeXX"></td>
<td><input type="text" id='yx_3_2' value="ValueXX"></td>
<td><input type="text" id='yx_3_3' value="ValueBB"></td>
</tr>
<tr>
<td><input type="text" id='yx_4_1' value="ZZZmeXX"></td>
<td><input type="text" id='yx_4_2' value="ValueXX"></td>
<td><input type="text" id='yx_4_3' value="ValueBB"></td>
</tr>
</tbody>
</table>
</FORM>
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言