2009-08-04 2 views
4

HTML SELECTタグのキーボードを無効にして、ユーザーがマウスを使用してオプションを選択できるようにしたい。HTML SELECTタグのキーボードを無効にする

私は、onkeydownonkeyuponkeypressのイベントで運がないと試しました。event.cancelBubble=true

アイデア?

+6

私は質問しなければなりません...なぜこれをしたいですか?使い勝手を妨げるだけです。 – DisgruntledGoat

+1

event.cancelBubbleはデフォルトアクションを防止するためのものではありません。イベントのバブリングを防ぐためです。 – rahul

+1

私の顧客は、ログイン画面で特別なセキュリティレベルを要求しています。私は彼にそれが無意味だと確信させようとしましたが、もちろん顧客はいつも正しいです。 –

答えて

2

誰かが私に正しい答えを放置し、次いで、何らかの理由でそれを削除し、そうここにある:イベントオブジェクトが正しく初期化されていると仮定し、クロスブラウザのように

<script type="text/javascript"> 
function IgnoreAlpha(e) 
{ 
    if (!e) 
    { 
     e = window.event ; 
    } 
    if (e.keyCode >= 65 && e.keyCode <= 90) // A to Z 
    { 
     e.returnValue=false; 
     e.cancel = true; 
    } 
} 
</script> 

<body> 
    <p> 
     <select id="MySelect" name="MySelect" onkeydown="IgnoreAlpha(event);""> 
      <option selected="selected" value="" /> 
      <option value="A">A</option> 
      <option value="B">B</option> 
      <option value="C">C</option> 
     </select> 
    </p> 
</body> 
-1
event.preventDefault() 
2

function disableKey(e) 
{ 
    var ev = e ? e : window.event; 

    if(ev) 
    { 
     if(ev.preventDefault) 
      ev.preventDefault(); 
     else 
     ev.returnValue = false;   
    }  
} 
関連する問題