JS는 키보드를 사용하여 DIV 위, 아래, 왼쪽, 오른쪽, 확대 및 축소를 제어하고 color_layout 및 레이어를 변경하는 것을 실현합니다.

키보드를 사용하여 DIV를 제어합니다. 빨간색 사각형은 다음 작업을 수행할 수 있는 영역입니다.
위쪽: ↑ 아래쪽: ↓ 왼쪽: ← 오른쪽: →
Ctrl 1: 배경이 녹색으로 변합니다. > Ctrl 2: 배경이 노란색으로 변합니다
　Ctrl 3: 배경이 파란색으로 변합니다
　Ctrl ↑: 확대
　Ctrl ↓: 축소

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">키보드로 DIV 제어<title> </title> <style type="text/css"> html,body{overflow:hidden;} body{margin:0;padding:0;} pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5 Courier New;margin:12px;} span{color:#999;} #box{position:absolute;top:50px;left:300px;width:100px;height:100px;background:red;} </style> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> 红色方块为键盘操作区域，您可以进行如下操作： 上：↑ 下：↓ 左：← 右：→ Ctrl + 1 : 背景变为绿色 Ctrl + 2 : 背景变为黄色 Ctrl + 3 : 背景变为蓝色 Ctrl + ↑ : 放大 Ctrl + ↓ : 缩小 </pre><div class="contentsignin">로그인 후 복사</div></div> <div id="box"></div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]