<select name="commonNativeLanguage" style="width:150px"οnkeydοwn="selectEvent('commonNativeLanguage')"onChange="connectTextLangueCommonNative()"onmousewheel="return false;">

select 元素的onmousewheel事件即滾輪轉時的事件會改變當前選項,并觸發onChange事件,通過onmousewheel="return false;" 來屏蔽此事件.

?

onkeydown是給select 元素加快捷鍵,上、下鍵改變當前的選項，按回車將select的值插入一文本域，代碼如下。

//select 上鍵：選擇上一下元素，但不觸發onchange事件 function selectEvent(elementname){if(event.keyCode==38 ||event.keyCode==40){event.returnValue=false; var selectObj=document.indexform[elementname];var currentIndex=selectObj.selectedIndex;//如果是上鍵if(event.keyCode==38 ){//alert("上鍵--"+currentIndex);if(currentIndex==0){return false;}else{selectObj.options[currentIndex-1].selected=true;return;} }//如果是下鍵if(event.keyCode==40 ){//alert("下鍵--"+currentIndex+"selectObj.options.length:"+selectObj.options.length);if(currentIndex==selectObj.options.length-1){return false;}else{selectObj.options[currentIndex+1].selected=true;return ;} }}//如果是空格鍵，則把選中的內容添加文本域中if(event.keyCode==32){var objName=event.srcElement.name;if(objName=='commonForeignLanguage'){connectTextLangueCommonForeign();} }}

?

總結

以上是生活随笔為你收集整理的改变select元素原来的事件属性,并加快捷键的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。