title: How to stop a form from submitting when running barcode scanner
body: <p>I am trying to stop a form from submitting when using a barcode scanner to input text into the highlighted field.  When I press the button on the scanner it automatically tries to submit using a higher precedence submit button in the form.  I have tried to use an ignore function in javascript but can't find the key code value for the scanner.  Is there a way to set the precedence of the different submit buttons without having to rearrange them?  This is how I have the buttons set up in the code: </p>
  
  <pre><code>    &lt;li&gt;
          &lt;cfinput type="submit" name="add" value="Enter Package"&gt;
      &lt;cfinput type="submit" name="search" value="Search"&gt;                
      &lt;cfinput type="submit" name="reset" value="Reset"&gt;
  &lt;/li&gt;
      &lt;/ul&gt;       
  &lt;/td&gt;
  &lt;td&gt;                
          &lt;center&gt;&lt;div id="labelImageDiv"&gt;
          &lt;img id="labelImage" src="" alt="label preview"/&gt;
      &lt;/div&gt;
  &lt;ul&gt;
          &lt;li&gt;
             &lt;label for="printersSelect" class="left"&gt;Printer:&lt;/label&gt;
          &lt;select id="printersSelect" class="right"&gt;&lt;/select&gt;
          &lt;button id="printButton"&gt;Print&lt;/button&gt;
      &lt;/li&gt;
      &lt;li&gt;
      &lt;div class="packHead"&gt;Package Pickup&lt;/div&gt;                          
          &lt;label for="pickup" class="left"&gt;Scan Barcode:&lt;/label&gt;
          &lt;div class="right"&gt;
          &lt;cfinput type="text" name="pickup"&gt;
      &lt;/div&gt;
      &lt;/li&gt;
      &lt;li&gt;
      &lt;div id="pickButton"&gt;
          &lt;cfinput type="submit" name="pkgPickup" value="PickUp"&gt;
      &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>