Question

我正在尝试创建一个简单的页面，但是我已经陷入了页面的特定元素。当按下某个键时，我想让div亮起来。例如当钥匙＆＃34; f＆＃34;按下屏幕右侧的div以不同的颜色亮起。

Answer 1

要测试此代码，请单击“lorem ipsum”div然后按键盘上的“F”：

<body onkeypress="checkKey(event)">
  <div id="theDiv" style="width: 200px;height: 200px;background-color: grey;">
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi aliquid ipsam minus recusandae a voluptatem accusantium animi eaque error, doloremque, ullam eius culpa quos nisi est, exercitationem aut, repellat iure.
  </div>
</body>

<script type="text/javascript">
	var theDiv = document.getElementById('theDiv');
	function checkKey(event){
		var x = event.which || event.keyCode;
    	if (x == 102){
    		theDiv.style.backgroundColor = "yellow";
    	   }
	}
</script>

在特定按键上更改div背景颜色

1 个答案: