限制在HTML5中的拖放行數

我想實現使用html5在同一個表中拖放行，但我想限制拖放區域爲幾行而不是整個表。限制在HTML5中的拖放行數

代碼：

<table id="visibletable" class="dra-table"> 
        <thead> 
         <tr> 
          <th>Visible</th> 
          <th>Width</th> 
          <th>Color</th> 
         </tr> 
        </thead> 
        <tbody ondrop="dropPart(event)" ondragover="allowDropPart(event)"> 
         <tr> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr id="partdesc1" draggable="true" ondragstart="dragPart(event)"> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr id="partdesc2" draggable="true" ondragstart="dragPart(event)"> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr id="partdesc3" draggable="true" ondragstart="dragPart(event)"> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr id="partdesc4" draggable="true" ondragstart="dragPart(event)"> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
         <tr id="partdesc5" draggable="true" ondragstart="dragPart(event)"> 
          <td>1</td> 
          <td>2</td> 
          <td>3</td> 
         </tr> 
        </tbody> 
       </table>

首先3個錶行不會被允許拖動和拖動行不應該被允許在第一3行有下降。

目前我已經在tbody標籤上應用ondrop="dropPart(event)"，所以我可以刪除表中任何位置的行，是否有限制放置區域的方法？

來源

2015-05-20 Naveen

限制在HTML5中的拖放行數

回答

相關問題