1、开浏览器,随便打开一个网页,如百度首页。
2、按F12快捷键后,在网页的右面或者下面会出现如图所示的调试窗口。
3、浏览器自带的console控制台有提示的功能。
4、第一个我们要做的是在控制台打印“helloworld”程序。
5、但是当我们想连续输出两行打印语句发现在控制台里按住回车键以后是直接解释执行,根本无法连续编写两行代码。
6、当我们想换行的时候,按住shift键以后,再按回车,即可出现上图的效果。
用keydown和keyup事件同时进行控制,比如有一个变量,当该按键摁下时为false,按键摁起是为true。
我的代码里你只需要修改两处就可以了。一个是preventCode,将你所需要的按键的键值存进去;另一个是 // 只执行一次 的地方,填写你所要执行的事件。
<div id="main"></div><script type="text/javascript">
(function() {
var preventCode = [13, 32, 37, 38, 39, 40] // 要只执行一次事件的按键的键值,此处屏蔽的按键依次是:enter、空格、左、上、右、下
var isRunning = [] // 不用管
document.onkeydown = keyDown
document.onkeyup = keyUp
function keyDown(event){
event = event || window.event
var keycode = event.which || event.keyCode
if(preventCode.in_array(keycode)>=0){
if(typeof isRunning[keycode] == "undefined" || isRunning[keycode]==false){
isRunning[keycode] = true
// 只执行一次的事件
var myDate = new Date()
// $("#main").html(myDate.getTime())
document.getElementById("main").innerHTML = myDate.getTime()
}
}else{
// 连续执行的事件
}
}
function keyUp(event){
event = event || window.event
var keycode = event.which || event.keyCode
if(preventCode.in_array(keycode)>=0){
isRunning[keycode] = false
}
}
// 检测数组中是否有某值
Array.prototype.in_array = function(c){
for(i=0i<this.length && this[i]!=ci++)
return (i==this.length) ? -1 : i
}
})()
</script>