フォーカスの取得
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD.xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta HTTP-EQUIVE="Content-Type" CONTENT="text/html;charset=utf-8" />
<title>フォーカスの取得</title>
<script src="../js/prototype.js" type="text/Javascript"></script>
<script src="../js/funcs.js" type="text/Javascript"></script>
<script src="../js/test5.js" type="text/Javascript"></script>
</head>
<body>
<!-- フォーカスの取得 -->
<form id=frm name=frm>
<div id=tbl></div>
</form>
</body>
</html>
<!--
test5.js
//画面の起動時に呼びだされます
Event.observe( window, 'load', getFormContents );
//イベントを登録します
function getFormContents(){
//テーブルを作成します
createTable();
}
function createTable()
{
var tbl = "";
tbl += "<table id=tbl1 border=1>";
for(i=0;i<5;i++)
{
tbl += "<tr>";
for(j=0;j<3;j++)
{
tbl += "<td>";
tbl += "<input type=text id=txt"+i+j+" size=4 />";
//tbl += "<input type=text id=txt1 name=txt"+i+j+" size=4 />";
tbl += "</td>";
}
tbl += "</tr>";
}
tbl += "</table>";
$("tbl").innerHTML=tbl;
var obj = document.getElementById("tbl1");
setListener(obj, "keyup", funcGetData);
}
//Clickしたときの動作を定義します
function funcGetData(e)
{
//var e;// = window.event;
//入力表示文字
var val3= getkchar(e);
//入力文字
var val2= getkcode(e);
//ID取得
var val= getid(e);
var row=val.substr(3,1);
var col=val.substr(4,1);
row=parseInt(row);
col=parseInt(col);
row++;
col++;
alert("行:" + row + " 列:" + col + "\n文字コード:" + val2 + "\n入力文字:" + val3);
}
--------------------------------------------------
-->
|
|