move plain click check to utils

Author: bytedream

web_src/js/components/ViewFileTreeItem.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import {SvgIcon} from '../svg.ts';
+import {isPlainClick} from '../utils/dom.ts';
 import {ref} from 'vue';
 
 type Item = {
@@ -42,15 +43,15 @@ const doLoadChildren = async (e?: MouseEvent) => {
 
 const doLoadDirContent = (e: MouseEvent) => {
   // only load the directory content without a window refresh if the user didn't press any special key
-  if (e.button !== 0 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return;
+  if (!isPlainClick(e)) return;
   e.preventDefault();
 
   doLoadChildren();
   props.navigateViewContent(props.item.fullPath);
 };
 
 const doLoadFileContent = (e: MouseEvent) => {
-  if (e.button !== 0 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return;
+  if (!isPlainClick(e)) return;
   e.preventDefault();
 
   props.navigateViewContent(props.item.fullPath);

web_src/js/utils/dom.ts

@@ -369,3 +369,8 @@ export function addDelegatedEventListener<T extends HTMLElement, E extends Event
     listener(elem as T, e as E);
   }, options);
 }
+
+// Check if a click is done without any special mouse or key inputs that would trigger special browser behavior.
+export function isPlainClick(e: MouseEvent) {
+  return e.button === 0 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.shiftKey;
+}