HTML5拖放

我想做一个侧边栏与一些菜单和菜单应该可以拖放

代码如下：

                <div class="sidebar"  ondrop="drop(event)" ondragover="allowDrop(event)">
                <div class="about" draggable="true"  ondragstart="drag(event)" id="about">
                    <div class="top"><p>about us</p></div>
                    <p class="about"></p>
                </div>
                <div class="contact" draggable="true"  ondragstart="drag(event)" id="contact">
                    <div class="top"><p>contact us</p></div>
                    <form class="contact" action="script/mail.php" method="post" target="ifrm">
                     //Some INPUT
                    </form>
                    <div class="clear"></div>
                </div>
            </div>

关于我们


联系我们

//一些输入

拖放现在运行良好，但也可以将“关于我们”和“联系我们”拖到彼此或表单输入中，我想禁用此功能！！！ 我该怎么做？

了解，然后在

drop（）

和

allowDrop（）

函数中检查

event.target