JS私は理解していないネイティブ、あなたはより多くのゴミを書くことが、私たちは主にイベントを結合禁止ドラッグとバルクを解決したい、とページ要素を生成
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<META NAME = "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0">
<タイトル>画画</ TITLE>
</ HEAD>
<スタイル>
#box {
フロート：左;
国境：1pxの黒一色。
}
.cell {
背景：ピンク。
幅：5pxの;
高さ：5pxの;
フロート：左;
}
.cell_c {
クリア：左。
}
</スタイル>
<body>
<DIV ID = "ボックス" onMouseUpの= "end_hua（）"
幅= 100ましょう。
kaiguan = 0ましょう。
{（I ++; I <高varがI = 0）するための
（VARのJ = 0; J <幅; J ++）のために{
（ "DIV"）D =のdocument.createElementましょう。
d.ondragstart =関数（）{falseを返す;}; //禁用拖拽
d.onmousemove =関数（）{華（D）}。
d.className = "セル";
（j == 0）{もし
d.className = "細胞cell_c"。
}
のdocument.getElementById（ "ボックス"）のappendChild（D）。
}
}
関数start_hua（）{
kaiguan = 1。
console.log（ "开始"
関数end_hua（）{
にconsole.log（ "结束"）
}
関数華（E）{
IF（kaiguan == 1）{
e.style.backgroundColor = "黒"
}
//はconsole.log（）
}
</ SCRIPT>
</ BODY>
</ HTML>