| ポイント |
<![CDATA[
result = result + "&#" + txt.charCodeAt(i) + ";";
<body onLoad="setInterval('checkNum()',500)">
]]>
|
| 説 明 |
テキストフィールドに入力された文字をリアルタイムにエンティティ化するにはタイマーを使ってテキストフィールドに入力された文字を捕捉し変換します。文字からコードへの変換はcharCodeAt()で行なう事ができます（10進数）。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドに入力された文字をリアルタイムにエンティティ化する（タイマー版）</title>
<script Language="JavaScript"><!--
function checkNum()
{
txt = document.cnvForm.source.value;
result = "";
for (i=0; i<txt.length; i++)
{
result = result + "&#" + txt.charCodeAt(i) + ";";
}
document.cnvForm.result.value = result;
}
// --></script>
</head>
<body onLoad="setInterval('checkNum()',500)">
<form name="cnvForm">
変換前：<input type="text" size="60" name="source"><br>
変換後：<textarea cols="60" rows="5" name="result"></textarea><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドに入力された文字をリアルタイムにエンティティ化する（タイマー版）
