Demo to prevent dragging by cancel option of element in JQuery

this is p element

Can dragg

Option1 Option2

Stop Dragging

STYLE

<style>
.drg_box{ 
position: relative;
width:150px;
height: 25px;
background-color: #ffff00;
margin-top: 5px;
}
</style>

HTML

<div  class='drg_box'> Div element</div>
<p class='drg_box'>this is p element </p>
<input type='button' class='drg_box' value='Drag Me'><br><br>
<button class='drg_box' id=my_button> Can dragg</button>
<br><br><select name=sel>
<option value=1>Option1</option>
<option value=2>Option2</option>
</select>
<br><br>
<button  id=b1>Stop Dragging</button><br>
<div id=d1 style="position: absolute;"></div>

jquery

<div  class='drg_box'> Div element</div>
<p class='drg_box'>this is p element </p>
<input type='button' class='drg_box' value='Drag Me'><br><br>
<button class='drg_box' id=my_button> Can dragg</button>
<br><br><select name=sel>
<option value=1>Option1</option>
<option value=2>Option2</option>
</select>
<br><br>
<button  id=b1>Stop Dragging</button><br>
<div id=d1 style="position: absolute;"></div>