Further practice of JS drag and drop, moving and stretching implementation code_javascript skills

It supports IE6 directly locally. There is a problem that when the mouse is clicked, the cursor will change to the cursor for selecting text. I don’t know how to deal with this problem?
Record the code here:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Simple drag and drop extension</title> <style type="text/css"> *{margin:0;padding:0;} #outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; } .controlBox{ width:200px; height:200px; position: absolute; left:25px; top:50px; background:#ccc; font-size:12px; color:#fff; border: 1px solid #333;} .controlBar{cursor: move;} .controlBar h2{ font-size:12px; text-align: center; line-height: 25px; background: blue;} .innerCon{text-align: left; line-height: 20px;} .innerCon p{ padding: 10px; color: #000;} .resize{ position: absolute; height: 10px; width:10px; color: white; z-index: 10; background: red;} .lt{left:0;right:0; cursor:nw-resize;} .tr{right:0;top: 0;cursor:ne-resize;} .rb{right:0;bottom: 0; cursor:nw-resize;} .bl{left:0;bottom:0;cursor:ne-resize;} </style> <div id="outwarp"> <div class="controlBox"> <div class="resize lt"></div> <div class="resize tr"></div> <div class="resize rb"></div> <div class="resize bl"></div> <div class="controlBar"> <h2>Click here to drag</h2> </div> <div class="innerCon"> <p>Middle contentMiddle contentMiddle contentMiddle contentMiddle contentMiddle contentMiddle contentMiddle contentMiddle content content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content middle content </p> </div> </div> </div>
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]