html – 防止在可拖动元素中拖动子元素_html-js-css

概述我有一个我希望能够拖动的元素,但我内部的元素我不想拖动.我希望没有(很多)jQuery有一个简单的答案. 这是我想要完成的. <html> <head> </head><style> .a { width:400px; height:400px; border:1px solid black; } .b{ width:200px; h 我有一个我希望能够拖动的元素,但我内部的元素我不想拖动.我希望没有(很多)jquery有一个简单的答案.

这是我想要完成的.

<HTML>  <head>  </head><style>  .a {    wIDth:400px;    height:400px;    border:1px solID black;  }  .b{    wIDth:200px;    height:200px;    border:1px solID black;    margin:20px;  }</style>  <body>    <div  draggable="true">      <span>I can drag this!</span>      <div  draggable="false">        I can drag this as well,but I don't want to.      </div>    </div>  </body></HTML>

http://plnkr.co/edit/Xto7lPO32TRVScewJkS9

有任何想法吗？

解决方法不知道这个问题是否仍然相关,但我找到了解决问题的方法,如下所示：

<body>    <div  draggable="true">      <span>I can drag this!</span>      <div  draggable="true" ondragstart="event.preventDefault()">        I can drag this as well,but I don't want to.      </div>    </div>  </body>

看起来有点Hacky,但它确实有把戏.我还没有找到任何其他方法来解决这个问题.希望它能帮到你.

干杯山姆

总结

以上是内存溢出为你收集整理的html – 防止在可拖动元素中拖动子元素全部内容，希望文章能够帮你解决html – 防止在可拖动元素中拖动子元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1061164.html