feat: Add multiple keyboard shortcuts for delete action and implement drag-to-create connections

Author: chenxuan520

README.md

@@ -53,7 +53,7 @@ RoadbookMaker是一个功能强大的基于网页的地图标记和路线规划
 - **分享功能**: 支持生成分享链接，他人可导入您的路书
 
 ### 用户体验
-- **快捷键支持**: A(添加)、C(连接)、D(删除)、F(调整视窗)、H(帮助)等
+- **快捷键支持**: A(添加)、C(连接)、D/Backspace/Del(删除)、F(调整视窗)、H(帮助)等
 - **撤销功能**: Ctrl+Z支持撤销操作
 - **响应式设计**: 适配不同屏幕尺寸，支持移动端查看
 - **实时预览**: 所有编辑操作实时显示在地图上

static/index.html

@@ -471,6 +471,8 @@ <h3>项目介绍</h3>
                 <p>项目地址: <a href="https://github.com/chenxuan520/roadbook" target="_blank" rel="noopener noreferrer">GitHub - chenxuan520/roadbook</a></p>
 
                 <h4>🎬 视频介绍</h4>
+                <hr>
+                <br>
                 <iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=115690749040661&bvid=BV1EDmHByEYh&cid=34624048670&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 400px;"></iframe>
 
 
@@ -500,11 +502,11 @@ <h3>基本功能</h3>
                 <ul>
                     <li><strong>添加标记点</strong> - 在地图上点击或使用快捷键 <kbd>A</kbd> 添加标记点</li>
                     <li><strong>连接标记点</strong> - 使用快捷键 <kbd>C</kbd> 连接两个标记点</li>
-                    <li><strong>删除元素</strong> - 选中元素后使用快捷键 <kbd>D</kbd> 删除标记点或连接线</li>
+                    <li><strong>删除元素</strong> - 选中元素后使用快捷键 <kbd>D</kbd>/<kbd>Backspace</kbd>/<kbd>Del</kbd> 删除标记点或连接线</li>
                     <li><strong>自动调整视窗</strong> - 使用快捷键 <kbd>F</kbd> 自动调整视窗以显示所有元素</li>
                     <li><strong>拖拽移动</strong> - 点击并拖拽标记点来调整位置</li>
                     <li><strong>编辑详情</strong> - 点击标记点可查看和编辑详细信息</li>
-                    <li><strong>查看帮助</strong> - 使用快捷键 <kbd>H</kbd> 或 <kbd>?</kbd> 打开帮助面板</li>
+                    <li><strong>查看帮助</strong> - 使用快捷键 <kbd>H</kbd> / <kbd>?</kbd> 打开帮助面板</li>
                     <li><strong>搜索框聚焦</strong> - 使用快捷键 <kbd>/</kbd> 聚焦到搜索框</li>
                     <li><strong>退出添加状态</strong> - 在添加标记点模式下按 <kbd>ESC</kbd> 键退出添加状态</li>
                     <li><strong>导入导出</strong> - 保存和加载路书数据</li>
@@ -533,15 +535,15 @@ <h3>快捷键</h3>
                         <td>打开连接标记点界面</td>
                     </tr>
                     <tr>
-                        <td><kbd>D</kbd></td>
+                        <td><kbd>D</kbd>/<kbd>Backspace</kbd>/<kbd>Del</kbd></td>
                         <td>删除选中的标记点或连接线</td>
                     </tr>
                     <tr>
                         <td><kbd>F</kbd></td>
                         <td>自动调整视窗以显示所有元素</td>
                     </tr>
                     <tr>
-                        <td><kbd>H</kbd> 或 <kbd>?</kbd></td>
+                        <td><kbd>H</kbd> / <kbd>?</kbd></td>
                         <td>显示帮助面板</td>
                     </tr>
                     <tr>
@@ -622,9 +624,9 @@ <h4>⌨️ 快捷键系统</h4>
                 <ul>
                     <li><strong><kbd>A</kbd></strong> - 进入添加标记点模式</li>
                     <li><strong><kbd>C</kbd></strong> - 打开连接标记点对话框</li>
-                    <li><strong><kbd>D</kbd></strong> - 删除选中的标记点或连接线</li>
+                    <li><strong><kbd>D</kbd>/<kbd>Backspace</kbd>/<kbd>Del</kbd></strong> - 删除选中的标记点或连接线</li>
                     <li><strong><kbd>F</kbd></strong> - 自动调整视窗显示所有元素</li>
-                    <li><strong><kbd>H</kbd> 或 <kbd>?</kbd></strong> - 显示帮助面板</li>
+                    <li><strong><kbd>H</kbd> / <kbd>?</kbd></strong> - 显示帮助面板</li>
                     <li><strong><kbd>/</kbd></strong> - 聚焦到搜索框</li>
                     <li><strong><kbd>ESC</kbd></strong> - 退出添加标记点模式</li>
                     <li><strong><kbd>Ctrl</kbd> + <kbd>Z</kbd></strong> - 撤销上一步操作</li>