diff --git a/src/components/keyboard/KeyCommon.vue b/src/components/keyboard/KeyCommon.vue
index 93cc639..cba0c85 100644
--- a/src/components/keyboard/KeyCommon.vue
+++ b/src/components/keyboard/KeyCommon.vue
@@ -148,7 +148,7 @@ function showSetting() {
     "keyboardElement"
   ) as HTMLElement;
   const maxWidth = keyboardElement.clientWidth - 150;
-  const maxHeight = keyboardElement.clientHeight - 220;
+  const maxHeight = keyboardElement.clientHeight - 300;
 
   settingPosX.value = Math.min(keyMapping.value.posX + 25, maxWidth);
   settingPosY.value = Math.min(keyMapping.value.posY - 25, maxHeight);
@@ -219,6 +219,14 @@ function showSetting() {
         @update:value="keyboardStore.edited = true"
       />
     </NFormItem>
+    <NFormItem label="触点ID">
+      <NInputNumber
+        v-model:value="keyMapping.pointerId"
+        :min="0"
+        placeholder="请输入触点ID"
+        @update:value="keyboardStore.edited = true"
+      />
+    </NFormItem>
     <NFormItem label="备注">
       <NInput
         v-model:value="keyMapping.note"
@@ -277,7 +285,7 @@ function showSetting() {
   padding: 10px 20px;
   box-sizing: border-box;
   width: 150px;
-  height: 220px;
+  height: 300px;
   border-radius: 5px;
   border: 2px solid var(--light-color);
   background-color: var(--bg-color);
diff --git a/src/components/keyboard/KeyObservation.vue b/src/components/keyboard/KeyObservation.vue
index 27b2f9e..e9f7232 100644
--- a/src/components/keyboard/KeyObservation.vue
+++ b/src/components/keyboard/KeyObservation.vue
@@ -70,7 +70,7 @@ function showSetting() {
     "keyboardElement"
   ) as HTMLElement;
   const maxWidth = keyboardElement.clientWidth - 150;
-  const maxHeight = keyboardElement.clientHeight - 220;
+  const maxHeight = keyboardElement.clientHeight - 300;
 
   settingPosX.value = Math.min(keyMapping.value.posX + 40, maxWidth);
   settingPosY.value = Math.min(keyMapping.value.posY - 30, maxHeight);
@@ -133,6 +133,14 @@ function showSetting() {
         @update:value="keyboardStore.edited = true"
       />
     </NFormItem>
+    <NFormItem label="触点ID">
+      <NInputNumber
+        v-model:value="keyMapping.pointerId"
+        :min="0"
+        placeholder="请输入触点ID"
+        @update:value="keyboardStore.edited = true"
+      />
+    </NFormItem>
     <NFormItem label="备注">
       <NInput
         v-model:value="keyMapping.note"
@@ -151,7 +159,7 @@ function showSetting() {
   padding: 10px 20px;
   box-sizing: border-box;
   width: 150px;
-  height: 220px;
+  height: 300px;
   border-radius: 5px;
   border: 2px solid var(--light-color);
   background-color: var(--bg-color);
diff --git a/src/components/keyboard/KeySkill.vue b/src/components/keyboard/KeySkill.vue
index cc0ba17..f17be5f 100644
--- a/src/components/keyboard/KeySkill.vue
+++ b/src/components/keyboard/KeySkill.vue
@@ -138,7 +138,7 @@ function showSetting() {
   ) as HTMLElement;
   // setting
   const maxWidth = keyboardElement.clientWidth - 200;
-  const maxHeight = keyboardElement.clientHeight - 350;
+  const maxHeight = keyboardElement.clientHeight - 420;
   settingPosX.value = Math.min(keyMapping.value.posX + 40, maxWidth);
   settingPosY.value = Math.min(keyMapping.value.posY - 30, maxHeight);
   updateRangeIndicator(keyboardElement);
@@ -263,6 +263,14 @@ function updateRangeIndicator(element?: HTMLElement) {
         @update:value="keyboardStore.edited = true"
       />
     </NFormItem>
+    <NFormItem label="触点ID">
+      <NInputNumber
+        v-model:value="keyMapping.pointerId"
+        :min="0"
+        placeholder="请输入触点ID"
+        @update:value="keyboardStore.edited = true"
+      />
+    </NFormItem>
     <NFormItem label="备注">
       <NInput
         v-model:value="keyMapping.note"
@@ -300,7 +308,7 @@ function updateRangeIndicator(element?: HTMLElement) {
   padding: 10px 20px;
   box-sizing: border-box;
   width: 200px;
-  height: 350px;
+  height: 420px;
   border-radius: 5px;
   border: 2px solid var(--light-color);
   background-color: var(--bg-color);
diff --git a/src/components/keyboard/KeySteeringWheel.vue b/src/components/keyboard/KeySteeringWheel.vue
index 5762aed..30ab0cb 100644
--- a/src/components/keyboard/KeySteeringWheel.vue
+++ b/src/components/keyboard/KeySteeringWheel.vue
@@ -83,7 +83,7 @@ function showSetting() {
     "keyboardElement"
   ) as HTMLElement;
   const maxWidth = keyboardElement.clientWidth - 150;
-  const maxHeight = keyboardElement.clientHeight - 220;
+  const maxHeight = keyboardElement.clientHeight - 300;
 
   settingPosX.value = Math.min(
     keyMapping.value.posX + offset.value + 10,
@@ -195,6 +195,14 @@ function showSetting() {
         @update:value="keyboardStore.edited = true"
       />
     </NFormItem>
+    <NFormItem label="触点ID">
+      <NInputNumber
+        v-model:value="keyMapping.pointerId"
+        :min="0"
+        placeholder="请输入触点ID"
+        @update:value="keyboardStore.edited = true"
+      />
+    </NFormItem>
     <NFormItem label="备注">
       <NInput
         v-model:value="keyMapping.note"
@@ -213,7 +221,7 @@ function showSetting() {
   padding: 10px 20px;
   box-sizing: border-box;
   width: 150px;
-  height: 220px;
+  height: 300px;
   border-radius: 5px;
   border: 2px solid var(--light-color);
   background-color: var(--bg-color);