|
|
@@ -21,6 +21,53 @@ var int2=self.setInterval('changeImage()',29);
|
|
|
var image=new Image();//放入函数里面：浏览器运行一分钟左右系统内存用到高达90%，故做一个全局的反冲图片
|
|
|
|
|
|
|
|
|
+
|
|
|
+ document.onkeydown=function(event){
|
|
|
+ //keyCode来获取按键的编码，来判断那个键是否按下
|
|
|
+ //还有altKey shiftKry altKey等 来判断是否按下
|
|
|
+// console.log("按键按下");
|
|
|
+ if(event.keyCode==87){
|
|
|
+ var valuex = 0.1;
|
|
|
+ valuex = parseFloat(document.getElementById("sildervel").value);
|
|
|
+ valuex = valuex + 0.1;
|
|
|
+ document.getElementById("sildervel").value = valuex;
|
|
|
+ console.log("w键按下了");
|
|
|
+ document.getElementById("demo").innerHTML=valuex;
|
|
|
+ }
|
|
|
+ if(event.keyCode==83){
|
|
|
+ document.getElementById("sildervel").value = parseFloat(document.getElementById("sildervel").value) - 0.1;
|
|
|
+ console.log("s键按下了");
|
|
|
+ document.getElementById("demo").innerHTML=Date();
|
|
|
+ }
|
|
|
+ if(event.keyCode==65){
|
|
|
+ document.getElementById("silderwheel").value = parseFloat(document.getElementById("silderwheel").value) - 0.01;
|
|
|
+ console.log("a键按下了");
|
|
|
+ document.getElementById("demo").innerHTML=Date();
|
|
|
+ }
|
|
|
+ if(event.keyCode==68){
|
|
|
+ document.getElementById("silderwheel").value = parseFloat(document.getElementById("silderwheel").value) + 0.01;
|
|
|
+ console.log("d键按下了");
|
|
|
+ document.getElementById("demo").innerHTML=Date();
|
|
|
+ }
|
|
|
+ if(event.altKey && event.keyCode==89){
|
|
|
+ console.log("alt+y键同时按下了");
|
|
|
+ }
|
|
|
+ }
|
|
|
+// document.onkeyup=function(){
|
|
|
+// console.log("按键松开");
|
|
|
+// }
|
|
|
+
|
|
|
+ //2.
|
|
|
+ var input=document.getElementsByTagName("input")[0];
|
|
|
+ input.onkeydown=function(){
|
|
|
+ //console.log("input中按下");
|
|
|
+ //可以来限制input中不能输入数字
|
|
|
+ if(event.keyCode>=48 && event.keyCode<=57){//数字1-9对应48-57
|
|
|
+ //取消input的默认行为，使输入东西不显示
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
function onClickStop(){
|
|
|
document.getElementById("sildervel").value = 0;
|
|
|
// document.getElementById("demo").innerHTML=Date();
|
|
|
@@ -94,6 +141,8 @@ function load() {
|
|
|
changeImage();
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+
|
|
|
</script>
|
|
|
</head>
|
|
|
<body onload="changeImage()">
|
