JS 监听键盘上某个键的长按事件。
现在想实现这样一个功能：在一个<select>标签里面有多个选项，然后按键盘上的上下键可以切换选中值，这个只能有onkeyup或者onkeydown这两个事件，这个只能按...
现在想实现这样一个功能：
在一个<select>标签里面有多个选项，然后按键盘上的上下键可以切换选中值，这个只能有onkeyup或者onkeydown这两个事件，这个只能按一下切换一下，长按的时候是不动的。
怎么样才能实现长按的时候切换下拉列表的值。偶还是小白，向各位大虾们求助。
在此先谢过了。 展开
在一个<select>标签里面有多个选项，然后按键盘上的上下键可以切换选中值，这个只能有onkeyup或者onkeydown这两个事件，这个只能按一下切换一下，长按的时候是不动的。
怎么样才能实现长按的时候切换下拉列表的值。偶还是小白，向各位大虾们求助。
在此先谢过了。 展开
1个回答
展开全部
window对象有两个方法来实现定时功能，即 window.setTimeout() ，用来在制定时间后运行 window.setInterval() ，用来指定每隔一段时间重复运行 以及window.clearInterval()用来清除定时
用按钮的 onmousedown , onmouseup , onclick 事件组合来实现以下功能
代码如下
<script>
var plusview;
var minusview;
var a=0;
function hello(){
document.getElementById("resultspan").innerHTML="5秒钟后显示我!!!长案按钮显示效果";
}
window.setTimeout("hello()",5000);
function viewpluslong()
{
plusview=window.setInterval("viewplus()",100);
}
function stopplus()
{
window.clearInterval(plusview);
}
function viewminuslong()
{
minusview=window.setInterval("viewminus()",100);
}
function stopminus()
{
window.clearInterval(minusview);
}
function viewplus()
{
a=a+1;
document.getElementById("resultspan").innerHTML=a.toString();
}
function viewminus()
{
a=a-1;
document.getElementById("resultspan").innerHTML=a.toString();}
</script>
<html>
<input id="buttondown" type="button" value="<< -减 " onclick="viewminus();" onmousedown="viewminuslong();" onmouseup="stopminus();" />
<input id="buttonup" type="button" value="加 + >>" onclick="viewplus();" onmousedown="viewpluslong();" onmouseup="stopplus();" />
（按住按钮不放可连续缩放）
</br>
result is : <span id="resultspan" style="color:red;"></span>
</html>
用按钮的 onmousedown , onmouseup , onclick 事件组合来实现以下功能
代码如下
<script>
var plusview;
var minusview;
var a=0;
function hello(){
document.getElementById("resultspan").innerHTML="5秒钟后显示我!!!长案按钮显示效果";
}
window.setTimeout("hello()",5000);
function viewpluslong()
{
plusview=window.setInterval("viewplus()",100);
}
function stopplus()
{
window.clearInterval(plusview);
}
function viewminuslong()
{
minusview=window.setInterval("viewminus()",100);
}
function stopminus()
{
window.clearInterval(minusview);
}
function viewplus()
{
a=a+1;
document.getElementById("resultspan").innerHTML=a.toString();
}
function viewminus()
{
a=a-1;
document.getElementById("resultspan").innerHTML=a.toString();}
</script>
<html>
<input id="buttondown" type="button" value="<< -减 " onclick="viewminus();" onmousedown="viewminuslong();" onmouseup="stopminus();" />
<input id="buttonup" type="button" value="加 + >>" onclick="viewplus();" onmousedown="viewpluslong();" onmouseup="stopplus();" />
（按住按钮不放可连续缩放）
</br>
result is : <span id="resultspan" style="color:red;"></span>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
