input field in movable div looses select behaviour

[moho]

Hi I've started to create movable divs with forms in them. When your grab
the div you can move it. The bad thing is that you actually can move the form when having the cursor in the one of the input fields. To remove this behaviour I remove the event listener that is attached to the div.
The problem then is that I loose the normal input functionality for selecting text.

Anybody knows how to solve this problem?

<div id="searchdiv" style="visibility: hidden; left: 200px; top: 200px; position: absolute; width: 600px; border: thin solid black;
     background-color: #CCCC99; layer-background-color: #CCCC99;"  onmousedown="dragStart(event, 'searchdiv')">
     <div id="windowclose" align="right">
     <img src="close.gif" width="30" height="30" onclick="hs();return false;" onmouseover="rMListeners();" onmousedown="rMListeners();" onmousemove="rMListeners();" onmouseout="rMListeners();"/>
</div>
     <div id="mb"></div>
     <div id="rb"></div>
     <div id="sc">
<form id="sform" name="sform" method="post" action="">
  <table width="439" border="0">
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td>Zip</td>
      <td><input id="zip" name="zip" type="text" autocomplete="off" size="7" maxlength="6" onmouseover="rMListeners();" onmousedown="rMListenerfromObj(this);this.focus();" onmousemove="rMListeners();" onmouseout="rMListenerfromObj(this);" 
    </tr>
  </table>
</form>
</div>
 

[acoder]

This link might help. Stop the propagation of the events.