js 如何屏蔽按住键盘某个按键不停的输入,实现按住也只能输入一个字符。

JavaScript016

js 如何屏蔽按住键盘某个按键不停的输入,实现按住也只能输入一个字符。,第1张

用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>

<script>

document.onkeydown=keydown

function keydown(){

return false

}

</script>

<body>

<input type="text">

</body>

把这段代码另存为test.html试试效果吧