How to prevent OnSelectedIndexChanged to cause postback unless the user uses the mouse or the enter key?
<p>here's a dropdownlist that posts back on selected index changed. </p>

<pre><code>&lt;asp:DropDownList ID="_ddlClientType" runat="server"  AutoPostBack = "true"
   OnSelectedIndexChanged="ClientType_SelectedIndexChanged"  &gt;                                 
   &lt;asp:ListItem Value="-1" Text="CANCEL.."&gt;&lt;/asp:ListItem&gt;
   &lt;asp:ListItem Value="11" Text="External"&gt;&lt;/asp:ListItem&gt;
   &lt;asp:ListItem Value="12" Text="Internal"&gt;&lt;/asp:ListItem&gt;
   &lt;asp:ListItem Value="13" Text="TOM"&gt;&lt;/asp:ListItem&gt;
&lt;/asp:DropDownList&gt;   
</code></pre>

<p>When using the mouse, everything works perfectly. However, I want user to be able to press key to select different items either by by using up/down arrow key. Also when when user type a letter, then the first item starting with that letter gets highlighted.</p>

<p>The problem is when a different item gets selected in the dropdownlist, the page posts back because of the "<strong>OnSelectedIndexChanged</strong>" event. </p>

<p>Is there a way to prevent the postback to occur when key are being pressed (as opposed to mouse being clicked), until the <strong>enter key</strong> is pressed? </p>

<h1>EDIT</h1>

<p>I'm able to display the alert prompt when a key is pressed</p>

<pre><code>$('select').keypress(function () {
  alert('A key was pressed')
});
</code></pre>

<p>Now, I need to know which key was pressed. Thus, I'll be able to make a decision.</p>
