Since you're operating in a trusted private intranet where the security risks are already understood and accepted, here are three practical, workable approaches to implement this time-saving auto-paste functionality:

1. Tampermonkey/Greasemonkey User Script (Quickest for Individual Use) #

This is the fastest way to get up and running without modifying the original form or deploying anything team-wide. Tampermonkey works on Chrome, Firefox, Edge, and most modern browsers.

Step-by-Step: #

• Install Tampermonkey from your browser's extension store (your admin can whitelist it if needed for the intranet).
• Create a new user script and paste the following code:

// ==UserScript==
// @name         Intranet Auto-Paste on Click
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Auto-paste clipboard content when clicking input fields (private intranet only)
// @author       Your Name
// @match        https://your-intranet-form-url.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Target all text inputs and textareas (adjust selectors to match your form)
    const targetFields = document.querySelectorAll('input[type="text"], input[type="email"], textarea');

    targetFields.forEach(field => {
        field.addEventListener('click', async () => {
            try {
                // Read text from system clipboard
                const clipboardText = await navigator.clipboard.readText();
                // Replace field value with clipboard content (change to += if you want to append)
                field.value = clipboardText;
                // Optional: Move cursor to end of pasted text
                field.setSelectionRange(clipboardText.length, clipboardText.length);
            } catch (err) {
                console.error('Auto-paste failed:', err);
                // Optional: Show a minimal alert if permission is denied
                alert('Clipboard access denied. Enable it for this intranet site.');
            }
        });
    });
})();

• Update the @match line to target your specific intranet form URL.
• Save the script, refresh the form page, and test: copy content from Google Docs/Dropbox, click an input field, and it should auto-paste.

Note: You’ll need to grant clipboard access to the site when prompted (your IT team can pre-approve this via browser policies to skip user prompts).

2. Custom Browser Extension (Team-Wide Deployment) #

If you need to roll this out to your entire team, a custom Chrome/Firefox extension is more formal and manageable than individual user scripts.

Basic Extension Structure: #

1. Create a folder for your extension with two files:
   • manifest.json:

     {
         "manifest_version": 3,
         "name": "Intranet Auto-Paste Tool",
         "version": "1.0",
         "content_scripts": [
             {
                 "matches": ["https://your-intranet-form-url.com/*"],
                 "js": ["content.js"]
             }
         ],
         "permissions": ["clipboardRead"]
     }
     

   • content.js: (Core logic matches the Tampermonkey script)

     document.addEventListener('DOMContentLoaded', () => {
         const targetFields = document.querySelectorAll('input[type="text"], input[type="email"], textarea');
         targetFields.forEach(field => {
             field.addEventListener('click', async () => {
                 try {
                     const clipboardText = await navigator.clipboard.readText();
                     field.value = clipboardText;
                 } catch (err) {
                     console.error('Paste failed:', err);
                 }
             });
         });
     });
     

2. Load the extension into your browser (Chrome: chrome://extensions/ > Developer mode > Load unpacked; Firefox: about:debugging > This Firefox > Load Temporary Add-on).
3. Your admin can package this extension and deploy it via group policy for all team members.

3. Modify the Form's Frontend Code (If You Have Access) #

If you control the form’s codebase, you can add this functionality directly to the form itself—no extensions needed.

Vanilla JS Example: #

Add this script to your form’s HTML or external JS file:

document.addEventListener('DOMContentLoaded', () => {
    // Target fields with a specific class for auto-paste
    const pasteEnabledFields = document.querySelectorAll('.auto-paste');

    pasteEnabledFields.forEach(field => {
        field.addEventListener('click', async () => {
            try {
                const text = await navigator.clipboard.readText();
                field.value = text;
                // Optional: Trigger form validation if required
                field.dispatchEvent(new Event('input'));
            } catch (error) {
                console.log('Clipboard access not allowed:', error);
            }
        });
    });
});

Then add the auto-paste class to relevant fields:

<input type="text" class="auto-paste" name="customer-name">
<textarea class="auto-paste" name="customer-notes"></textarea>

Vue.js Example (Framework-Specific): #

If your form uses Vue, add an inline click handler:

<template>
  <input 
    type="text" 
    @click="handleAutoPaste" 
    v-model="formData.customerName"
  >
</template>

<script setup>
import { ref } from 'vue';
const formData = ref({ customerName: '' });

const handleAutoPaste = async () => {
  try {
    const text = await navigator.clipboard.readText();
    formData.value.customerName = text;
  } catch (err) {
    console.error('Auto-paste failed:', err);
  }
};
</script>

Important Reminders (Even for Intranet) #

• Target specific fields: Adjust selectors to only apply auto-paste to intended fields—avoid accidentally pasting sensitive data into the wrong input.
• Policy alignment: Work with IT to set browser policies that auto-grant clipboard access to your intranet site, eliminating user prompts.
• Edge case handling: Add a check for empty clipboard content if you want to avoid overwriting existing field values with blank text.

内容的提问来源于stack exchange，提问作者mazing