直接看代碼和演示效果,代碼淺顯易懂
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<h1>這是標題</h1>
<p id="xx">鍵盤Ctrl+Shift 變顏色</p>
</body>
<script>
window.onload = function() {
//獲取鍵盤事件
var oHtml = document.getElementsByTagName("html")[0];
oHtml.onkeydown = function(ev) {
var e=ev||event;
var ctrlKey = e.ctrlKey || e.metaKey;
if(ctrlKey && e.keyCode == 16) {
alert("來咯來咯");
$("#xx").css({"color":"red"});
}
}
}
</script>
</html>
效果:
鍵盤點擊前:
點擊後:1.
2.