修飾されたフロントエンド詐欺（のみ表示データを変更し）、実際の変更データ（データベースの変更）に関する。
フロントエンドコードショーの現在のコードセグメント：
HTML：
test.htmlという
<！DOCTYPE HTML>
<htmlのクラス= "NO-JS">
<！ - <[endifの] - ！>
<HEAD>
<スクリプトSRC = "JS / test.js"> </ SCRIPT>
<スタイル>
TD {
ボーダー：固体1ピクセル。
幅：200pxの。
高さ：自動;
テキスト整列：センター;
}
</スタイル>
</ head>
<body>
<TABLE>
<TR>
<TDοnclick= "テスト（この）"> TEST1 </ TD>
<TDοnclick= "テスト（この）"> TEST2 </ TD>
</ TR>
<TR>
<TDοnclick= "テスト（この）"> TEST1 </ TD>
JS：
test.js
firstValue = VAR "";
VAR nowDom = ""; // tdの現在の操作
// Changeイベントのクリック
機能テスト（DOMS）{
doms.removeAttribute（ "onclickのを"）;
nowDom = DOMS;
VAR文= doms.innerText;
DOMS = .innerHTML 'の<input type = "text"値= "' +テキスト+ '" ID = "INPUT" οnchange= "Chane（この）" οnblur= "inputOnblur（この）" />';
firstValue =テキスト、
ドキュメント。.getElementById（ "INPUT"）フォーカス（）;
}
//イベントテキストボックスの変更
機能Chane（DOMS）{
doms.value VAR文=;
IF（！= firstValueテキスト）{
//提出背景データベース変更
//先端動作を
= nowDom.innerHTML "" +テキスト;
nowDom.setAttribute（ "onclickの"、 "試験（この）「）;
}
}
//イベントのTextBoxデフォーカス
関数inputOnblur（DOMS）{
テキスト= doms.value VAR;
IF（= firstValueテキスト！）{
//背景データベースが提出変更
}
nowDom.innerHTML = "" +テキストを、
nowDom.setAttribute（ "onclickの"、 "テスト（この）"）;
}
原理はクリック可能なテキスト入力ボックスに話しています！