亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如果頁面高度很高,出現滾動條,然后我按鍵盤向下鍵的時候,頁面也會往下滑,這個要怎么解決?

<!doctype?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>下拉菜單</title>
????<style?type="text/css">
body,ul,li{?margin:0;?padding:0;?font-size:13px;}
ul,li{list-style:none;}
#divselect{width:186px;?margin:80px?auto;?position:relative;?z-index:10000;}
#divselect?cite{width:150px;?height:24px;line-height:24px;?display:block;?color:#807a62;?cursor:pointer;font-style:normal;
padding-left:4px;?padding-right:30px;?border:1px?solid?#333333;?}
#divselect?ul{width:184px;border:1px?solid?#333333;?background-color:#ffffff;?position:absolute;?z-index:20000;?margin-top:-1px;?display:none;}
#divselect?ul?li{height:24px;?line-height:24px;}
#divselect?ul?li?a{display:block;?height:24px;?color:#333333;?text-decoration:none;?padding-left:10px;?padding-right:10px;}
.upicon{float:right;margin-right:-24px;}
????</style>
??????<script?type="text/javascript">
window.onload=function(){
????var?box=document.getElementById('divselect'),
????????title=box.getElementsByTagName('cite')[0],
????????menu=box.getElementsByTagName('ul')[0],
????????as=box.getElementsByTagName('a');
???
????//?點擊三角時
????title.onclick=function(event){
??????//?執行腳本
???????event=event||window.event;
???????if(event.stopPropagation){
???????????event.stopPropagation();
???????}
???????else{
???????????event.cancelBubble=true;
???????}
????????menu.style.display="block";
????}
????
???//?鍵盤上下移動,回車設置標題
???var?index=-1;
???document.onkeyup=function(event){
???????for(i=0;i<as.length;i++){
???????????as[i].style.background="";
??????????}
???????if(event.keyCode==40){
???????????index<as.length-1???index++?:?index=0;
???????????as[index].style.background="#ddd";
???????}
???????else?if(event.keyCode==38){
???????????index<=0???index=as.length-1?:?index--;
???????????as[index].style.background="#ddd";
???????}
???????else?if(event.keyCode==13){
??????????index>=0???hiddenMenu(index)?:?menu.style.display="none";
???????}
???}
???//鼠標滑過、離開、點擊
???for(i=index+1;i<as.length;i++){
???????as[i].style.background="";
???????as[i].bindex=i;
???????as[i].onmouseover=function(){
???????????moveonLi(this);
???????????index=this.bindex;
???????}
???????as[i].onclick=function(){
???????????hiddenMenu(this.bindex);
???????}
??????????
???}
??????//?定義隱藏列表并設置標題事件
??????function?hiddenMenu(aindex){
??????????menu.style.display="none";?
??????????title.innerHTML=as[aindex].innerHTML+'<i?class="upicon">▼</i>';
??????}
??????//?定義選中對應選項事件
??????function?moveonLi(e){
??????????for(i=0;i<as.length;i++){
???????????as[i].style.background="";
??????????}
??????????e.style.background="#ddd";
??????????}
???//?點擊頁面空白處時
???document.onclick=function(){
???????menu.style.display="none";
???}
?}
???</script>
</head>
<body>
????<div?id="divselect">
??????<cite>請選擇分類<i?class="upicon">▼</i></cite>
??????<ul>
?????????<li?id="li"><a?href="javascript:;"?selectid="1">ASP開發</a></li>
?????????<li><a?href="javascript:;"?selectid="2">.NET開發</a></li>
?????????<li><a?href="javascript:;"?selectid="3">PHP開發</a></li>
?????????<li><a?href="javascript:;"?selectid="4">Javascript開發</a></li>
?????????<li><a?href="javascript:;"?selectid="5">Java特效</a></li>
??????</ul>
????</div>
</body>
</html>


正在回答

2 回答

我也這樣,看了別人的代碼,發現要阻止事件冒泡??;試了一下,確實可以

0 回復 有任何疑惑可以回復我~

也不懂

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

如果頁面高度很高,出現滾動條,然后我按鍵盤向下鍵的時候,頁面也會往下滑,這個要怎么解決?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號