Javascript 限制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>

看得见的
宽度
颜色
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.

不允许拖动表中的前3行，也不允许在前3行中放置可拖动的行

---

目前，我已经在tbody标签上应用了

ondrop=“dropPart（event）”

，因此我可以将行拖放到表中的任何位置，是否有方法限制拖放区域？

您可以参考下面的链接了解本机HTML5拖放